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

body {
	color: #333;
	font-feature-settings: "palt";
	letter-spacing: .02em;
}

a {
	color: #000;
	cursor: pointer;
	text-decoration: none;
}

.hover {}

input[type="submit"] {
	-webkit-appearance: none;
}

em {
	font-style: normal;
	font-weight: bold;
}

.button {
	border-color: transparent;
}

.container {
	max-width: 1072px;
	width: 1072px;
}

.section {
	padding: 1rem 1.5rem 2rem;
}

#headers {
	max-width: 1072px;
	margin: 0 auto;
	position: relative;
	z-index: 30;
	min-height: 106px;
}

#headers h1 img {
	max-width: 445px;
}

#header .inner {
	display: block;
	position: relative;
	padding-bottom: calc(50px - 15px);
	padding-top: calc(50px - 15px);
}

#header em {
	position: absolute;
	right: 0;
	top: 10px;
	font-style: normal;
	font-size: .9375rem;
	display: flex;
	align-items: center;
}

#header em span {
	display: inline-flex;
	padding-right: .8em;
	vertical-align: middle;
	align-items: center;
	font-size: .9375rem;
	font-weight: normal;
}

#header em a {
	margin: 0 15px 0 0;
}

#header em a:last-child {
	margin-right: 0;
}

#hmenu {
	position: absolute;
	bottom: .8em;
	right: 0;
	display: flex;
	width: auto;
}

#hmenu li {
	margin-right: 1.5em;
	font-size: 1rem;
}

#hmenu li:last-child {
	margin-right: 0;
}

#hmenu li a::before {
	content: url(../img/arrow_or.png);
	display: inline-block;
	padding-right: .2em;
}

#header.no-mem {}

#header.acrtive-mem {
	display: none;
}

#member #header.no-mem {
	display: none;
}

#member #header.acrtive-mem {
	display: block;
}

.contents {
	min-height: 600px;
}

.mainimg {
	position: relative;
	z-index: 1;
	max-width: 100%;
	min-width: 1000px;
	min-height: 700px;
	max-height: 700px;
	overflow: hidden;
	margin-bottom: 10px;
	z-index: 1;
}

.mainimg img.ph {
	position: absolute;
	bottom: 0%;
	left: 50%;
	-webkit-transform: translate(-50%, -0%);
	-moz-transform: translate(-50%, -0%);
	-ms-transform: translate(-50%, -0%);
	-o-transform: translate(-50%, -0%);
	transform: translate(-50%, -0%);
	min-width: 1300px;
	width: 100%;
	height: auto;
}

.mainimg span {
	position: absolute;
	z-index: 30;
	top: 6%;
	left: 50%;
	-webkit-transform: translate(-50%, -0%);
	-moz-transform: translate(-50%, -0%);
	-ms-transform: translate(-50%, -0%);
	-o-transform: translate(-50%, -0%);
	transform: translate(-50%, -0%);
	width: 1000px;
}

.mainimg h2 img {
	display: block;
	margin: 0px auto 20px;
	text-align: center;
}

.mainimg h2 em {
	display: block;
	font-weight: bold;
	font-size: 2.1875rem;
	text-align: center;
	font-style: normal;
	color: #ff7d00;
	padding-bottom: .6em;
}

p.lead-top {
	position: relative;
	z-index: 30;
	text-align: center;
	font-size: 1.25rem;
	font-weight: bold;
	color: #333;
	line-height: 1.4;
}

.round {
	border-radius: 100%;
}

ul.cat-menu {
	display: block;
	margin: 2rem auto 3rem;
	padding: 0;
}

ul.cat-menu li {
	display: inline-block;
	margin: 0 auto;
	padding: 0 .5%;
	width: 24%;
	font-size: 1.375rem;
	color: #fe860c;
	font-weight: bold;
	text-align: center;
}

ul.cat-menu li img {
	display: block;
	margin: 0 auto 10px;
	text-align: center;
}

ul.cat-menu a:link, ul.cat-menu a:hover, ul.cat-menu a:active, ul.cat-menu a:visited {
	color: #fe860c;
}

.prosumers-box {
	display: block;
	border: 3px #e3e3e3 solid;
	padding: 15px;
	border-radius: 0;
	position: relative;
	margin-bottom: 20px;
}

.prosumers-box img.ill {
	position: absolute;
	left: 25px;
	bottom: 25px;
}

.prosumers-box span {
	display: block;
	padding-left: 260px;
}

.scale {
	display: block;
	margin: 0 auto 10px;
	text-align: center;
	width: 200px;
	height: 200px;
	overflow: hidden;
}

.scale img {
	-moz-transition: -moz-transform 0.5s linear;
	-webkit-transition: -webkit-transform 0.5s linear;
	-o-transition: -o-transform 0.5s linear;
	-ms-transition: -ms-transform 0.5s linear;
	transition: transform 0.5s linear;
}

.scale img:hover {
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-o-transform: scale(1.2);
	-ms-transform: scale(1.2);
	transform: scale(1.2);
}

h1#pgttl-s {
	display: block;
	text-align: left;
	margin: .8em 0 .8em;
	font-size: 1.375rem;
	line-height: 1;
	font-weight: bold;
	vertical-align: middle;
}

h1#pgttl-s em {
	display: inline-block;
	margin-left: .4em;
	padding-left: .4em;
	border-left: 1px #cccccc solid;
	font-size: 2.1875rem;
	color: #ff7d00;
	vertical-align: middle;
}

h1#pgttl-s.nobdr em {
	border-left: 0;
	margin-left: 0;
	padding-left: 0;
}

h1#pgttl-s em i {
	display: block;
	font-size: 1.5625rem;
	font-style: normal;
	padding-top: .3em;
}

h2.colttl {
	display: block;
	text-align: center;
	margin: 3em auto 2em auto;
	font-size: 1.5625rem;
	margin-bottom: 1.2em;
	font-weight: bold;
}

h2.colttl:first-of-type {
	margin-top: 0;
}

h2.colttl.mgt {
	margin-top: 3em;
}

h2.colttl span {
	background: linear-gradient(transparent 70%, #ffe600 30%);
	padding: 0 .2em;
}

h2.catttl {
	display: block;
	color: #ff7d00;
	font-weight: bold;
	font-size: 1.75rem;
	text-align: center;
	margin-bottom: .4em;
}

h2.topic-ttl {
	font-size: 1.5625rem;
	font-weight: bold;
	text-align: left;
	margin: 0 0 1.6em 0;
}

h2.topic-ttl em {
	font-size: 1.875rem;
}

h2.topic-ttl.nomgb {
	margin-bottom: .35em !important;
}

h2.prottl {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	margin-bottom: 1rem;
}

h2.prottl span {
	padding-right: 10px;
	font-size: 1.5625rem;
	font-weight: bold;
}

h2.subttl {
	display: block;
	text-align: center;
	margin: 3em auto 2em auto;
	font-size: 1.15rem;
	margin-bottom: 1.2em;
	font-weight: bold;
	margin: -1em 0 1.6em 0;
}

h3.sttl {
	display: block;
	margin: 3rem auto;
	text-align: center;
	font-size: 1.375rem;
	font-weight: bold;
	margin-bottom: 2em;
}

h3.sttl span {
	border-bottom: 2px #555 solid;
	padding-bottom: .4em;
}

h3.sttl i {
	display: block;
	margin: 0 auto;
	font-size: 1.125rem;
	font-style: normal;
}

h3.sttl.nobd span {
	display: inline-block;
}

h3.catttl-s {
	display: block;
	font-size: 1.75rem;
	text-align: center;
	font-weight: bold;
	border-bottom: 5px #ebebeb solid;
	padding-bottom: .3em;
	margin-bottom: .6em;
}

h3.topic-sttl {
	font-size: 1.25rem;
	font-weight: bold;
	margin: 2rem 0 .6rem;
}

h4.ttl-or {
	display: block;
	color: #ff7d00;
	font-weight: bold;
	font-size: 1.75rem;
}

h4.ttl-or-line {
	display: block;
	color: #ff7d00;
	font-weight: bold;
	font-size: 1.25rem;
	text-align: center;
	border-bottom: 1px #ff7d00 solid;
	margin-bottom: 1em;
	padding-bottom: .4em;
}

h4.ttl-or-line.dashed {
	border-bottom: 1px #ff7d00 dashed;
}

h4.ttl-pk-line {
	display: block;
	color: #f86f8c;
	font-weight: bold;
	font-size: 1.25rem;
	text-align: center;
	border-bottom: 1px #f86f8c dashed;
	margin-bottom: 1em;
	padding-bottom: .4em;
}

h4.ttl-gray {
	display: block;
	font-weight: bold;
	font-size: 1.125rem;
	padding-bottom: .6em;
}

h4.ttl-gray.ico {
	padding-left: 40px;
	position: relative;
}

h4.ttl-gray.ico img.ico-check {
	position: absolute;
	left: 0;
	top: .2em;
}

h4.ttl-gray-line {
	display: block;
	font-weight: bold;
	font-size: 1.125rem;
	border-bottom: 1px #dcdcdc solid;
	padding-bottom: .8em;
	margin-bottom: .8em;
}

h4.ttl-gray-line.ico {
	padding-left: 40px;
	position: relative;
}

h4.ttl-gray-line.ico img.ico-check {
	position: absolute;
	left: 0;
	top: .2em;
}

h4.col-ttl {
	font-size: 1.3125rem;
	color: #ff7d00;
	font-weight: bold;
	border-bottom: 1px #ff7d00 solid;
	padding-left: 1.5em;
	padding-bottom: .4em;
	margin-bottom: .6em;
}

h4.num-ttl {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	font-size: 1.5625rem;
	font-weight: bold;
	margin-bottom: 1em;
}

h4.num-ttl.s-size {
	font-size: 1.3125rem;
}

h4.num-ttl.s-size img {
	min-width: 60px;
}

h4.num-ttl.block {
	display: block;
	font-size: 1.3125rem;
}

h4.num-ttl.block img {
	display: block;
	margin-bottom: 5px;
}

h4.num-ttl i {
	display: block;
	font-style: normal;
	font-size: 1.125rem;
}

h4.line-ttl {
	font-size: 1.125rem;
	font-weight: bold;
	border: 2px #ff7d00 solid;
	color: #ff7d00;
	padding: .375em;
	text-align: center;
	display: block;
	border-radius: 2em;
	margin-bottom: 1em;
}

h4.line-ttl-2 {
	font-size: 1.125rem;
	font-weight: bold;
	border: 3px #ff7d00 solid;
	color: #ff7d00;
	padding: .375em;
	text-align: center;
	display: block;
	border-radius: 8px;
	margin-bottom: 1em;
	min-height: 5.5em;
	display: flex;
	align-items: center;
	justify-content: center;
}

h5 {
	font-weight: bold;
	font-size: 1.125rem;
	margin-bottom: .4em;
}

h5.ttl-or {
	font-size: 1.75rem;
	color: #ff7d00;
	font-weight: bold;
	border-bottom: 1px #e3e3e3 dashed;
}

h5.ttl-or font {}

h5.ttl-line {
	display: block;
	margin: 0 auto .8em;
	font-size: 1.375rem;
	font-weight: bold;
	text-align: center;
}

h5.ttl-line font {
	border-bottom: 1px #555 solid;
	padding: .3em .2em;
	text-align: center;
}

h5.sttl-line {
	display: inline-block;
	width: auto;
	border: 1px #333 solid;
	padding: 0 .4em;
	font-size: 1rem;
}

h5.nomgb {
	margin-bottom: 0;
}

h6 {
	font-weight: bold;
	font-size: 1rem;
	margin-bottom: .4em;
}

h6.ttl-or {
	font-size: 1.125rem;
	color: #ff7d00;
	font-weight: bold;
}

/*BD作成*/
.font-75per{
    font-size: 75%; 
}
/*ここまでBD作成*/

strong {
	font-weight: bold;
	font-size: 1.25rem;
	letter-spacing: .05em;
}

em {
	font-weight: bold;
	letter-spacing: .05em;
}

#bnrBox {
	display: block;
	letter-spacing: -.5em;
	margin: 10px auto;
	height: 186px;
}

#bnrBox li {
	display: inline-block;
	width: 260px;
	letter-spacing: normal;
	border: 1px #dfdfdf solid;
	margin-right: 10px;
	margin-bottom: 10px;
	text-align: center;
}

#bnrBox li:nth-child(4n) {
	margin-right: 0;
}

#gnav {
	display: block;
	width: 100%;
	background-color: #ff7d00;
}

#gnav ul {
	display: table;
	max-width: 1072px;
	margin: 0 auto;
}

#gnav ul li {
	display: table-cell;
	vertical-align: middle;
	color: #fff;
	border-left: 1px #d96a00 solid;
	text-align: center;
	font-size: 1.125rem;
	font-weight: bold;
	line-height: 1.2;
}

#gnav ul li a {
	display: flex;
	height: 4.5em;
	width: 153px;
	justify-content: center;
	align-items: center;
}

#gnav ul li:nth-child(7) {
	border-right: 1px #d96a00 solid;
}

#gnav ul li:hover {
	background-color: #ffa300;
}

#gnav ul li a:link, #gnav ul li a:visited, #gnav ul li a:hover, #gnav ul li a:active {
	color: #fff;
	text-decoration: none;
}

#headerSP, #gnav ul li.subnav {
	display: none;
}

#wrapper.food_nutrition #gnav ul li:nth-child(1), #wrapper.frail #gnav ul li:nth-child(2), #wrapper.locomo #gnav ul li:nth-child(3), #wrapper.sarcopenia #gnav ul li:nth-child(4), #wrapper.sustainability #gnav ul li:nth-child(5), #wrapper.recipe #gnav ul li:nth-child(6), #wrapper.aging #gnav ul li:nth-child(7) {
	background-color: #ffa300;
}

#footMenu {
	display: block;
	max-width: 1072px;
	text-align: left;
	margin: 0 auto;
}

#footMenu ul {
	display: block;
	letter-spacing: -.5em;
	padding: .6em 0;
}

#footMenu ul li {
	display: inline-block;
	letter-spacing: normal;
	font-size: .875rem;
	padding: 0 2em 0 0;
}

#footer {
	width: 100%;
	border-top: 3px #ff7d00 solid;
}

.f_bg {
	display: block;
	margin: 0;
	width: 100%;
	background-color: #f9f9f9;
	padding: 20px 0;
}

.f_inner {
	display: table;
	max-width: 1072px;
	width: 100%;
	margin: 0px auto;
}

.f_inner span {
	display: table-cell;
	vertical-align: top;
	max-width: 28%;
	padding-right: 1em
}

dl.footList {
	display: block;
	margin-bottom: 1.5em;
	font-size: .875rem;
}

dl.footList dt {
	font-weight: bold;
	display: block;
}

dl.footList dd {
	display: block;
	padding-left: 1.2em;
}

.f_inner_btm {
	display: flex;
	padding: 2em 0;
	max-width: 1072px;
	margin: 0 auto;
}

#footer address {
	text-align: right;
	font-size: .875rem;
	font-style: normal;
	width: 50%;
	right: 0;
}

#footer address span {
	display: block;
}

/* button */

.button {
	padding-bottom: calc(0.275em - 1px);
	padding-top: calc(0.275em - 1px);
}

.button:hover {
	opacity: 0.8;
}

.btn-orange {
	background-color: #ff7d00;
	color: #fff;
}

.btn-orange::before {
	content: "";
	display: inline-block;
	padding: 0 .2em;
	height: 1em;
	width: 1em font-size: inherit;
	overflow: visible;
	vertical-align: -.125em;
	background-attachment: scroll;
	background-image: url(../img/arrow_wh-L.png);
	background-position: center left;
	background-repeat: no-repeat;
	background-size: 90%;
	margin-right: .3em;
}

.btn-orange:link, .btn-orange:visited, .btn-orange:active, .btn-orange:hover {
	color: #fff;
}

.btn-gray {
	background-color: #d9dde0;
}

.btn-gray::before {
	content: url(../img/arrow_gr.png);
	display: inline-block;
	padding: 0 .2em;
}

.prosumers-box .button {
	min-width: 14.5em;
	justify-content: flex-start;
}

.btnbox li {
	display: block;
	margin-bottom: 10px;
}

.recipe-btn {
	display: block;
	position: relative;
	margin: 2rem auto;
	padding-left: 300px;
}

.recipe-btn img {
	position: absolute;
	left: 0;
	top: 0;
}

.recipe-btn p {
	font-size: 1rem;
	line-height: 1.4;
}

.recipe_bnr {
	display: block;
	position: relative;
	margin-bottom: 3rem !important;
}

.recipe_bnr .pro_btn {
	position: absolute;
	right: 5%;
	bottom: 10px;
}

.pro_btn li a {
	width: 15em;
}

#pnkz ol {
	font-size: .8125rem;
}

#pnkz ol li {
	display: inline-block;
	padding-right: 0.8em;
}

#pnkz ol li a {
	padding-right: 0.8em;
}

/* トビラページ用 */

#pgttl {
	display: block;
	font-size: 2.1875rem;
	font-weight: bold;
	border-bottom: 5px #ebebeb solid;
	margin-top: 1em;
	padding-bottom: .5em;
	margin-bottom: 1.5em;
	text-align: center;
}

p.summary-txt {}

.category-list {
	display: block;
	letter-spacing: -.5em;
	margin: 2.5rem auto;
}

.category-list li {
	display: inline-block;
	letter-spacing: normal;
	margin-right: 3%;
	width: 48.5%;
	vertical-align: top;
	margin-bottom: 2em;
}

.category-list li:nth-child(2n) {
	margin-right: 0;
}

.category-list li img {
	display: block;
	margin-bottom: 15px;
}

.summary-txt {
	font-size: 1.125rem;
	position: relative;
	height: 5em;
	overflow: hidden;
	line-height: 1.7;
}

/*.summary-txt:before, .summary-txt:after {	position: absolute;background: #fff;}
.summary-txt:before {content: "･･･";bottom: 0;right: 0;padding:0 .2em;}*/

/* necessary plugin styles */

.ellip {
	display: block;
	height: 100%;
}

.ellip-line {
	display: inline-block;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-wrap: normal;
}

.ellip, .ellip-line {
	position: relative;
	overflow: hidden;
	max-width: 100%;
}

.category-list-s {
	display: block;
	letter-spacing: -.5em;
	margin: 2rem auto;
}

.category-list-s li {
	display: inline-block;
	letter-spacing: normal;
	margin-right: 3%;
	width: 31%;
}

.category-list-s li:nth-child(3n) {
	margin-right: 0;
}

.bnr-list {
	display: block;
	letter-spacing: -.5em;
	margin-bottom: 2rem;
}

.bnr-list li {
	display: inline-block;
	letter-spacing: normal;
	width: 49%;
	margin-right: 2%;
	border: 3px #e3e3e3 solid;
	border-radius: 0;
	position: relative;
	min-height: 120px;
	vertical-align: top;
	margin-bottom: 20px;
}

.bnr-list li a {
	display: block;
	color: #fe860c;
	font-weight: bold;
	font-size: 2.00rem;
	line-height: 1.3;
	padding-left: 140px;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%) translateX(0%);
	-webkit- transform: translateY(-50%) translateX(0%);
}

.bnr-list li a i {
	display: block;
	font-size: 1.125rem;
	font-style: normal;
}

.bnr-list li:nth-child(2n) {
	margin-right: 0;
}

.bnr-list li img.ico {
	position: absolute;
	left: 15px;
	top: 50%;
	margin-top: -50px;
}

.column-area {
	display: block;
	position: relative;
	padding: 2rem 0;
}

.column-box {
	display: block;
	position: relative;
	max-width: 790px;
	min-height: 800px;
}

.ph2col {
	display: block;
	letter-spacing: -.5em;
	margin: 10px auto;
	text-align: center;
	width: 100%;
}

.ph2col li {
	display: inline-block;
	letter-spacing: normal;
	width: 49%;
	padding: 0;
	margin-bottom: 10px;
	margin-right: 2%
}

.ph2col li:nth-child(2n) {
	margin-right: 0;
}

.ph2col li img {
	margin: 0 auto;
	width: 100%;
}

.ph2col.s-size {
	width: 70%;
}

.ph2col.s-size li img {
	max-width: 300px;
}

.ph3col {
	display: block;
	letter-spacing: -.5em;
	margin: 10px auto;
	text-align: center;
	width: 100%;
}

.ph3col li {
	display: inline-block;
	letter-spacing: normal;
	width: 32%;
	padding: 0;
	margin-bottom: 10px;
	margin-right: 1.5%
}

.ph3col li:nth-child(3n) {
	margin-right: 0;
}

.ph3col li img {
	margin: 0 auto;
	width: 100%;
}

.ph3col li img {
	margin: 0 auto;
	width: 100%;
}

.col2-box {
	display: block;
	letter-spacing: -.5em;
	margin: 10px auto;
	width: 100%;
	text-align: center;
}

.col2-box.w90 {
	width: 90%;
}

.col2-box span {
	display: inline-block;
	letter-spacing: normal;
	max-width: 48%;
	padding: 0;
	margin-bottom: 10px;
	margin-right: 4%;
	vertical-align: top;
}

.col2-box span:nth-child(2n) {
	margin-right: 0;
}

.col2-box span.Lsize {
	width: 56%;
}

.col2-box span.Ssize {
	width: 40%;
}

.col2-box.bg-gray span {
	background-color: #ebebeb;
	width: 48%;
	padding: 0 1%;
}

.col3-box {
	display: block;
	letter-spacing: -.5em;
	margin: 10px auto;
	width: 100%;
}

.col3-box span {
	display: inline-block;
	letter-spacing: normal;
	width: 31%;
	padding: 0;
	margin-bottom: 10px;
	margin-right: 3.5%;
	vertical-align: top;
	border-left: 1px #ccc solid;
	padding-left: 3%;
}

.col3-box span:nth-child(3n) {
	margin-right: 0;
}

.col3-box span:first-child {
	border-left: none;
}

.col3-box.nobrd span {
	border: none;
}

.col3-box span.txt-box {
	width: 62%;
}

.col3-box span.txt-box p {
	margin-top: 3em;
}

.half-col {
	display: block;
	width: 100%;
	letter-spacing: -.5em;
}

.half-col span {
	display: inline-block;
	letter-spacing: normal;
	width: 48%;
	padding: 0 0;
	margin-right: 4%;
	vertical-align: middle;
	position: relative;
	z-index: 1;
}

.half-col span:nth-child(2n) {
	margin-right: 0;
	width: 48%;
}

#topics-box.half-col span {
	vertical-align: top;
}

.half-col.top span {
	vertical-align: top;
}

img.ico_plus {
	position: absolute;
	left: 0%;
	top: 50%;
	-webkit-transform: translate(-38px, -50%);
	-moz-transform: translate(-38px, -50%);
	-ms-transform: translate(-38px, -50%);
	-o-transform: translate(-38px, -50%);
	transform: translate(-38px, -50%);
	z-index: 30;
}

.line-col {
	display: table;
	width: 100%;
	border-collapse: separate;
	border-spacing: 15px 7px;
}

.line-col li {
	display: table-cell;
	width: 50%;
	padding: 25px;
	border: 6px #ebebeb solid;
}

.line-col li.no-bdr {
	border: none;
}

.line-col.reportbox {
	width: 105%;
	margin-left: -2.5%;
}

.line-col.reportbox li {
	padding: 10px 15px 5px 15px;
	vertical-align: top;
}

.line-col li.pink {
	border-color: #f4dbe2;
}

.line-col li.orange {
	border-color: #f7e6d2;
}

/* BD更新*/

.line-col3 {
	display: table;
	width: 100%;
	border-collapse: separate;
	border-spacing: 15px 7px;
	margin-bottom: 30px;
}

.line-col3 li {
	display: table-cell;
	width: 33%;
	padding: 0px;
	border: 2px #ebebeb solid;
}

.line-col3 .noborder {
	border: none;
}			
			

.line-col3 li img {
	padding:0 25px;
}

.line-col3 p {
	text-align: center;
	font-size: 90%;
}
			
			

/* BD更新*/

.ph-right-box {
	display: table;
}

.ph-right-box span {
	display: table-cell;
	padding-right: 5%;
	vertical-align: top;
}

.ph-right-box span:nth-child(2n) {
	padding-right: 0;
	min-width: 280px;
}

.ph-right-box span.m-size {
	width: 450px;
	vertical-align: middle;
}

.ph-right-box span.s-size {
	width: 240px;
}

.ph-right-box span.ss-size {
	width: 220px;
}

.ph-right-box span.sm-size {
	width: 330px;
}

.ph-right-box span.l-size {
	width: 540px;
	padding-right: 0;
}

.recipe-box {
	display: block;
	letter-spacing: -.5em;
}

.recipe-main, .recipe-txt {
	display: inline-block;
	letter-spacing: normal;
	vertical-align: top;
}

.recipe-main {
	width: 420px;
	text-align: left;
	padding-right: 10px;
}

.recipe-txt {
	width: 350px;
	padding-left: 10px;
}

#recipeIndex.list {
	margin-top: 15px;
	letter-spacing: -.5em;
}

#recipeIndex.list li {
	position: relative;
	width: 250px;
	display: inline-block;
	letter-spacing: normal;
	float: none;
	vertical-align: top;
}

#recipeIndex.list li:nth-child(4n) {
	margin-right: 20px;
}

#recipeIndex.list li:nth-child(3n) {
	margin-right: 0;
}

#recipeIndex li a img.ico_new_recipe {
	position: absolute;
	left: 30px;
	bottom: 110px;
}

.phBox {
	display: block;
	letter-spacing: -.5em;
	margin-bottom: 15px;
}

.phBox li {
	display: inline-block;
	letter-spacing: normal;
	margin-right: 5px;
}

.col-box {
	display: block;
	border: 3px #ff7c00 solid;
	margin: 2rem auto;
	position: relative;
	background-color: #fefdf1;
}

.col-box::before {
	content: url(/img/parts/col-box_bg.gif);
	position: absolute;
	left: -3px;
	top: -3px;
	z-index: 1;
}

.col-inner {
	position: relative;
	z-index: 10;
	display: block;
	padding: 20px 25px 10px 25px;
}

.col-flex {
	display: flex;
}

.col-flex div {
	padding-right: 15px;
}

.linebox-gray {
	display: block;
	margin: 1rem auto;
	border: 6px #ebebeb solid;
	padding: 25px;
}

.linebox-gray.pdg-half {
	padding: 10px 20px 7px 20px;
}

.linebox-gray.line-half {
	padding: 10px 25px 5px 25px;
}

.linebox-gray.line-half span {
	display: inline-block;
	width: 38%;
	border-right: 1px #ccc dotted;
	padding-right: 1em;
	padding-top: 15px;
	vertical-align: middle;
}

.linebox-gray.line-half span:nth-child(2n) {
	border-right: 0;
	width: 58%;
	padding-left: 2%;
}

.linebox-gray.line-half.msize span:first-child {
	width: 46%;
}

.linebox-gray.line-half.msize span:nth-child(2n) {
	width: 52%;
}

.linebox-gray.pdg {
	padding: 30px 5%;
}

.linebox-gray-1 {
	display: block;
	margin: 1rem auto 6rem;
	border: 2px #ebebeb solid;
	padding: 20px 20px 10px 20px;
}

.linebox-gray.l-pink {
	border-color: #f4dbe2;
}

.linebox-gray.l-orange {
	border-color: #f7e6d2;
}

.linebox-gray.reportbox {
	padding: 8px 15px 5px 15px;
}

.bgbox-gray {
	display: block;
	background-color: #efedeb;
	padding: 25px;
}

.gry-list {
	display: block;
	letter-spacing: -.5em;
	margin: 0 auto 2rem;
	text-align: center;
}

.gry-list li {
	display: inline-block;
	width: 32%;
	padding: 0 2% 0 0;
	letter-spacing: normal;
	font-weight: bold;
	vertical-align: top;
}

.gry-list li:nth-child(3n) {
	padding-right: 0;
}

.gry-list li span {
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #ebebeb;
	border-radius: 3em;
	text-align: center;
	padding: 1em .25em;
	min-height: 5.5em;
	margin-bottom: 1rem;
}

.gry-list li img {
	display: block;
	margin: -1rem auto 0 auto;
	text-align: center;
}

ol.num-list-line {
	display: block;
	position: relative;
}

ol.num-list-line li {
	font-size: 1.125rem;
	display: block;
	position: relative;
	padding-left: 2.4em;
	border-bottom: 1px #dcdcdc solid;
	padding-bottom: .8em;
	margin-bottom: .8em;
	z-index: 1;
}

ol.num-list-line li:last-of-type {
	border-bottom: 0;
}

ol.num-list-line li img {
	position: absolute;
	left: 0;
	top: .3em;
}

ol.num-list-line div.img-01 {
	position: absolute;
	right: 0;
	top: 0;
	z-index: 30;
}

ol.num-list-line li em {
	display: inline-block;
	min-width: 8em;
	padding-right: 1em;
	font-size: 1.25rem;
}

ol.num-list {
	list-style: none;
	margin-bottom: 1rem;
}

ol.num-list li {
	display: block;
	text-indent: -1em;
	padding-left: 1em;
	margin-bottom: 1.5em;
	font-size: 1.0625rem;
}

ol.note-list {
	list-style: none;
	font-size: .8125rem;
}

ol.note-list li {
	display: block;
	text-indent: -.8em;
	padding-left: .8em;
}

div.box-wrp {
	position: relative;
	padding: 0 0 2em 0;
}

.box-wrp.w70 {
	width: 70%;
}

.box-blue {
	display: inline-block;
	margin-bottom: 10px;
	background-color: #e5f9ff;
	padding: 1.2em 1.8em;
	text-align: center;
}

.box-blue.w100 {
	width: 100%;
}

.img-exemple {
	position: absolute;
	right: 0;
	top: 33.3%;
	-webkit-transform: translate(-0%, -50%);
	-moz-transform: translate(-0%, -50%);
	-ms-transform: translate(-0%, -50%);
	-o-transform: translate(-0%, -50%);
	transform: translate(-0%, -50%);
}

.line-box {
	display: block;
	border: 1px #ff7d00 solid;
	padding: .6em 1em;
	border-radius: 12px;
}

.outline-box {
	display: block;
	letter-spacing: -.5em;
	width: 95%;
	margin: 0 auto 2rem auto;
	font-size: .875rem;
}

.outline-box dt {
	display: inline-block;
	width: 8%;
	letter-spacing: normal;
	font-weight: bold;
}

.outline-box dd {
	display: inline-block;
	width: 92%;
	letter-spacing: normal;
}

.point-txt {
	padding: .5em 1em;
	text-align: center;
	line-height: 1.3;
	font-weight: bold;
	font-size: 1.125rem;
}

.point-txt em {
	display: block;
	background-color: #fadc1e;
	font-size: 1.25rem;
	font-weight: bold;
	text-align: center;
	padding: .3em 1em;
	border-radius: 2em;
	margin-bottom: .4em;
}

.point-txt em.org {
	background-color: #ff9801;
	color: #fff;
}

.point-txt em.red {
	background-color: #f05235;
	color: #fff;
}

.point-txt strong {
	display: block;
	font-size: 1.50rem;
	font-weight: bold;
}

.linkbox-gray {
	background-color: #f5f5f5;
	padding: 15px 4%;
	margin: 2rem auto;
	display: block;
}

.linkbox-gray.nomgb {
	margin-bottom: 0;
}

hr {
	height: 0;
	margin: 1rem 0;
	padding: 0;
	border-top: 1px dashed #bbb;
}

table.deftd {
	border-top: 1px #cccccc solid;
	width: 100%;
}

table.deftd th {
	background-color: #ebebeb;
	border-bottom: 2px #cccccc solid;
	border-right: 1px #cccccc solid;
	padding: .4em;
	text-align: center;
}

table.deftd th:nth-child(2n) {
	border-right: none;
}

table.deftd td {
	border-bottom: 1px #cccccc solid;
	border-right: 1px #cccccc solid;
	padding: .4em;
	text-align: center;
}

table.deftd td:nth-child(2n) {
	border-right: none;
}

table.th_left {
	border-top: 1px #cccccc solid;
	width: 100%;
	margin-bottom: 1.5rem;
	font-size: 1.125rem;
}

table.th_left th {
	background-color: #ebebeb;
	text-align: center;
	padding: 1em .8em;
	border-bottom: 1px #cccccc solid;
	width: 25%;
}

table.th_left td {
	background-color: #fff;
	text-align: left;
	vertical-align: middle;
	padding: 1em .8em;
	border-bottom: 1px #cccccc solid;
}

table.th_left.nopd {
	font-size: 1rem;
}

table.th_left.nopd th {
	padding: .5em .3em;
	vertical-align: middle;
}

table.th_left.nopd td {
	padding: .5em .3em;
}

table.gray-tbl {
	border-top: 2px #cccccc solid;
	width: 100%;
}

table.gray-tbl th, table.gray-tbl td {
	padding: .4em;
	border-bottom: 2px #cccccc solid;
	text-align: center;
}

table.gray-tbl th {
	background-color: #ebebeb;
}

table.gray-tbl td {
	border-right: 1px #cccccc solid;
	padding: .4em;
}

table.gray-tbl tr td:last-child {
	border-right: 0;
}

table.gray-tbl-2 {
	width: 100%;
}

table.gray-tbl-2 th {
	padding: .6em .4em;
	border-top: 2px #cccccc solid;
	border-bottom: 2px #cccccc solid;
	border-top: 1px #cccccc solid;
	border-right: 1px #cccccc solid;
	text-align: center;
	background: #f4f0eb;
	font-weight: bold;
	vertical-align: middle;
	text-align: center;
}

table.gray-tbl-2 th:first-child {
	background: #fff;
	border-top: none;
}

table.gray-tbl-2 td {
	padding: .6em .4em;
	border-right: 1px #cccccc solid;
	border-bottom: 1px #cccccc solid;
	font-weight: bold;
	vertical-align: middle;
	text-align: center;
}

table.gray-tbl-2 tr td:first-child {
	background-color: #ebebeb;
}

table.gray-tbl-2 tr th:last-child, table.gray-tbl-2 tr td:last-child {
	border-right: 0;
}

/*BD作成*/
table.gray-tbl-3 {
	width: 100%;
    margin-bottom: 10px;
}

table.gray-tbl-3 th, table.gray-tbl-3 td {
	padding: .4em;
    border-right: 1px #cccccc solid;
	border-bottom: 1px #cccccc solid;
	text-align: center;
    vertical-align: middle;
}

table.gray-tbl-3 th {
    border-top: 2px #cccccc solid;
	background-color: #ebebeb;
}

table.gray-tbl-3 td {
    border-bottom: 1px #cccccc solid;
	padding: .6em .4em;
}

table.gray-tbl-3 tr th:last-child {
	border-right: 0;
}
table.gray-tbl-3 tr td:last-child {
	border-right: 0;
}

table.gray-tbl-3 td.beige {
    background-color: #fefdf1;
    color: red;}

table.gray-tbl-3 tr td.bb0 {
	border-bottom: 0;
    background-color: #FFF;
}

table.gray-tbl-3 th.b-light0 {
    border-right: 0;
}

table.gray-tbl-3 tr td.b-light0  {
    border-right: 0;
}


table.gray-tbl-4 {
	width: 100%;
    margin-bottom: 10px;
}

table.gray-tbl-4 th, table.gray-tbl-4 td {
	padding: .4em;
    border-right: 1px #cccccc solid;
	border-bottom: 1px #cccccc solid;
	text-align: center;
    vertical-align: middle;
}

table.gray-tbl-4 th {
    border-top: 2px #cccccc solid;
    border-bottom: 2px #cccccc solid;
}

table.gray-tbl-4 td {
    border-bottom: 1px #cccccc solid;
	padding: .6em .4em;
}

table.gray-tbl-4 tr th:last-child {
	border-right: 0;
}
table.gray-tbl-4 tr td:last-child {
	border-right: 0;
}

table.gray-tbl-4 th.b-light0 {
    border-right: 0;
}

table.gray-tbl-4 tr td.b-light0  {
    border-right: 0;
}

table.gray-tbl-4 tr td:nth-of-type(n+2)
{background: #e8f7cb;}

table.gray-tbl-4 tr td:nth-of-type(n+4)
{background: #fbdcc0;}

table.gray-tbl-4 .green
{background: #e8f7cb;}

table.gray-tbl-4 .magenta
{background: #fbdcc0;}


/*ここまでBD作成*/

table.check-td {
	width: 100%;
	border-top: 1px #7f7f7f solid;
	border-bottom: 1px #7f7f7f solid;
	margin-bottom: 1.5rem;
}

table.check-td th {
	background-color: #ebebeb;
	padding: .6em .4em;
	border-bottom: 1px #7f7f7f solid;
	font-size: 1.25rem;
	font-weight: bold;
	text-align: center;
}

table.check-td th.y {
	background-color: #f05235;
	color: #fff;
	width: 4em;
}

table.check-td th.n {
	background-color: #01acca;
	color: #fff;
	width: 4em;
}

table.check-td td {
	font-size: 1.125rem;
	padding: .6em .4em;
	border-bottom: 1px #ccc solid;
	border-right: 1px #ccc solid;
	text-align: left;
	vertical-align: middle;
}

table.check-td tr td:last-child {
	border-right: 0;
}

table.check-td td.y {
	text-align: center;
	font-size: 1.25rem;
	font-weight: bold;
	color: #f05235
}

table.check-td td.n {
	text-align: center;
	font-size: 1.25rem;
	font-weight: bold;
	color: #01acca
}

table.nobrd {
	width: 100%;
}

table.nobrd td, table.nobrd th {
	padding: 3px .3em;
	vertical-align: middle;
}

table.topics-tbl {
	margin-bottom: 25px;
	margin-top: 25px;
	border-top: 1px #cccccc solid;
}

table.topics-tbl th, table.topics-tbl td {
	padding: .6em .6em;
	border-bottom: 1px #cccccc solid;
	line-height: 1.7;
}

table.topics-tbl th {
	background-color: #ebebeb;
	text-align: center;
	width: 15%;
	vertical-align: middle;
}

table.topics-tbl_25 {
	margin-bottom: 25px;
	margin-top: 25px;
	border-top: 1px #cccccc solid;
}

table.topics-tbl_25 th, table.topics-tbl_25 td {
	padding: .6em .6em;
	border-bottom: 1px #cccccc solid;
	line-height: 1.7;
}

table.topics-tbl_25 th {
	background-color: #ebebeb;
	text-align: center;
	width: 25%;
	vertical-align: middle;
}

#local-menu {
	display: block;
	width: 250px;
	right: 0;
	top: 2rem;
	position: absolute;
}

#local-menu h3.menu-ttl {
	display: flex;
	margin: 0;
	width: 100%;
	color: #fff;
	background-color: #ff7d00;
	align-items: center;
	padding: .6em .5em .3em 2em;
	font-size: 1rem;
	font-weight: bold;
	line-height: 1.2;
	min-height: 4em;
}

#local-menu p {
	padding-bottom: 0;
	margin-bottom: 0;
	padding-top: .65em;
}

#local-menu .btnPro p {
	padding-top: 0;
}

#local-menu ul {
	border-top: 3px #ff7d00 solid;
}

#local-menu ul li {
	display: block;
}

#local-menu ul li a {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	line-height: 1.2;
	font-weight: bold;
	min-height: 4em;
	width: 100%;
	background-color: #ebebeb;
	padding: .6em .5em .6em 2em;
	border-bottom: 2px #fff solid;
	background-attachment: scroll;
	background-position: left center;
	background-repeat: no-repeat;
}

#local-menu ul li a:hover {
	background-image: url(/img/localmenu/arrow-or.png);
	background-color: #ffe1bd;
}

#local-menu ul.s-01 li.s01 a, #local-menu ul.s-02 li.s02 a, #local-menu ul.s-03 li.s03 a, #local-menu ul.s-04 li.s04 a, #local-menu ul.s-05 li.s05 a, #local-menu ul.s-06 li.s06 a, #local-menu ul.s-07 li.s07 a, #local-menu ul.s-08 li.s08 a, #local-menu ul.s-09 li.s09 a, #local-menu ul.s-10 li.s10 a, #local-menu ul.s-11 li.s11 a, #local-menu ul.s-12 li.s12 a, #local-menu ul.s-13 li.s13 a, #local-menu ul.s-14 li.s14 a {
	background-image: url(/img/localmenu/arrow-wh.png);
	background-color: #ffa300;
	color: #fff;
}

#local-menu ul li ul.sub-menu {
	display: none;
	border: 2px #ffa300 solid;
	background-color: #fff;
	padding: 2px;
	margin-top: -2px;
}

#local-menu ul.s-04 li.s04 ul.sub-menu, #local-menu ul.s-06 li.s06 ul.sub-menu {
	display: block;
}

#local-menu ul li ul.sub-menu li a {
	background-color: #fff !important;
	color: #333 !important;
	font-size: 1rem;
	padding: .6em .5em .6em 3.2em;
	min-height: 2.4em;
	position: relative;
	border-bottom: 0;
	margin-bottom: 4px;
}

#local-menu ul li ul.sub-menu li:last-child a {
	margin-bottom: 0;
}

#local-menu ul li ul.sub-menu li a::after {
	content: "";
	position: absolute;
	display: block;
	justify-content: center;
	background-color: #ccc;
	left: 7%;
	right: 7%;
	bottom: -2px;
	height: 1px;
	width: 86%;
	margin: 0 auto;
	z-index: 100;
}

#local-menu ul.s-04 li.s04 ul.sub-menu li a, #local-menu ul.s-06 li.s06 ul.sub-menu li a {
	display: flex;
}

#local-menu ul li ul.sub-menu li:last-child a::after {
	display: none;
}

#local-menu ul li ul.sub-menu li a::before {
	content: "▶︎";
	color: #ccc;
	position: absolute;
	left: 2em;
	top: .6em;
}

#local-menu ul.sub-01 li ul.sub-menu li.sub01 a, #local-menu ul.sub-02 li ul.sub-menu li.sub02 a, #local-menu ul.sub-03 li ul.sub-menu li.sub03 a, #local-menu ul.sub-04 li ul.sub-menu li.sub04 a, #local-menu ul.sub-05 li ul.sub-menu li.sub05 a {
	background-color: #ffa300 !important;
	background-image: none;
	color: #fff !important;
}

#local-menu ul.sub-01 li ul.sub-menu li.sub01 a::before, #local-menu ul.sub-02 li ul.sub-menu li.sub02 a::before, #local-menu ul.sub-03 li ul.sub-menu li.sub03 a::before, #local-menu ul.sub-04 li ul.sub-menu li.sub04 a::before, #local-menu ul.sub-05 li ul.sub-menu li.sub05 a::before {
	color: #fff;
}

/*協賛各社さまの商品をご紹介　ページメニュー非表示*/

#member #local-menu ul li.s07, #member #local-menu ul.s-07 li.s07 {
	display: none !important;
}

.btnPro {
	display: block;
	margin: 2rem auto;
	background-color: #ff7d00;
	padding: 2px;
}

.btnPro h5 {
	text-align: center;
	font-size: 1rem;
	color: #fff;
	font-weight: bold;
	padding: .8em 0;
}

.btnPro span.inner {
	display: block;
	background-color: #fff;
	padding: .6em 1.5em;
}

.btnPro span.inner p {
	font-size: .9375rem;
	margin-bottom: 0;
	font-weight: bold;
}

#pageList {
	display: block;
	margin: 2rem auto;
	padding: 0;
	text-align: center;
}

#pageList li {
	display: inline-block;
	margin: 0 .2em 10px;
}

#pageList li a {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: .3em .5em .15em .5em;
	font-size: 1.125rem;
	border: 2px #b4b4b5 solid;
	color: #1d6eab;
	line-height: 1;
}

#pageList li.back a, #pageList li.next a {
	background-color: #ff7d00;
	color: #fff;
	border-color: #ff7d00;
}

#pageList li.back a::before {
	content: url(/img/paging_left.png);
	padding-right: .2em;
	margin-top: -.2em;
}

#pageList li.next a::after {
	content: url(/img/paging_right.png);
	padding-left: .2em;
	margin-top: -.2em;
}

#pageList li.current_pg a {
	background-color: #b4b4b5;
	color: #fff;
}

sub {
	vertical-align: baseline;
}

p.supervise {
	font-size: .8125rem;
	padding-left: 0%;
}

p {
	font-size: 1.125rem;
	margin-bottom: .8em;
	line-height: 1.8;
}

p.lead {
	font-size: 1rem;
}

p.lead_L {
	font-size: 1.125rem;
	letter-spacing: .02em;
}

p.nomgb {
	margin-bottom: .3em;
}

p.ast {
	font-size: .875rem;
	text-indent: -1em;
	padding-left: 1em;
}

p.ast_s {
	font-size: .8125rem;
	text-indent: -1em;
	padding-left: 1em;
	display: block;
	margin-top: 5px;
}

p.notice {
	font-size: .9375rem;
	line-height: 1.3;
}

p.note {
	font-size: .875rem;
	text-align: right;
	line-height: 1.3;
}

p.note_L {
	font-size: .875rem;
	text-align: left;
	line-height: 1.3;
}

p.note_L span {
	display: block;
	padding-left: 3em;
}

p.pdbno {
	padding-bottom: 0;
	margin-bottom: 0;
}

.cap_L {
	font-size: 1.125rem;
}

.cap {
	font-size: .8125rem;
}

.txtS {
	font-size: .8125rem;
}

.txtXS {
	font-size: .75rem;
}

.txtXXS {
	font-size: .6875rem;
}

.txt_NS {
	font-size: .9375rem;
}

ul.txt_N li {
	font-size: .9375rem !important;
}

.txt_N {
	font-size: 1rem;
}

ul.txt_N li {
	font-size: 1rem !important;
}

.txt_MS {
	font-size: 1.125rem;
}

.txt_M {
	font-size: 1.25rem;
}

.txt_L {
	font-size: 1.5rem;
}

.txt_XL {
	font-size: 2rem;
}

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

sup {
	font-size: .6875rem;
}

.txt-orange {
	color: #ff7d00;
}

.txt-white {
	color: #fff !important;
}

.btnC {
	display: block;
	margin: 2rem auto;
	text-align: center;
}

.btnC img {
	display: inline-block;
	padding: 0 .5em;
}

.link-arrow {
	display: block;
	margin: 1rem 0;
	text-align: left;
	vertical-align: top;
}

.link-arrow.nomgb {
	margin-bottom: 0;
	margin-top: .3rem;
}

.link-arrow.half-mg {
	margin-bottom: .5em;
	margin-top: .7em;
}

.link-arrow a {
	display: inline-block;
	width: calc(100% - 40px);
	line-height: 1.4;
}

.link-arrow::before {
	content: url(/img/icon/arrow_01.png);
	display: inline-block;
	padding: .1em .3em 0;
	vertical-align: top;
}

.link-arrow a:link, .link-arrow a:visited {
	color: #1d6eab;
	text-decoration: underline;
}

.link-arrow a:hover, .link-arrow a:active {
	color: #1e8adb;
	text-decoration: none;
}

a.txtlink, a.txtlink:link, a.txtlink:visited {
	color: #333333;
	text-decoration: none;
	padding: 0 0.2em 0 0;
}

a.txtlink:hover, a.txtlink:active {
	text-decoration: none;
}

a.txtlink-blue, a.txtlink-blue:link, a.txtlink-blue:visited {
	color: #1d6eab;
	text-decoration: underline;
	padding: 0 0.2em;
}

a.txtlink-blue:hover, a.txtlink-blue:active {
	text-decoration: none;
	color: #1e8adb;
}

.link-arrow-s a {
	display: inline-block;
}

.link-arrow-s a::before {
	content: url(/img/arrow_or.png);
	display: inline-block;
	padding: .1em .3em 0;
	vertical-align: top;
}

ul.link-arrow-s {
	padding-left: 2em;
	font-size: .9375rem;
}

.link-arrow-s li {
	display: block;
	text-indent: -.75em;
	padding-left: .75em;
}

.link-arrow-s li a::before {
	padding-top: 0;
	padding-bottom: .3em;
}

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

.mail::before {
	content: url(/img/ico_mail.png);
	display: block;
	margin-right: .45em;
	margin-bottom: -5px;
}

a.mail:link, a.mail:visited {
	color: #1d6eab;
	text-decoration: underline;
}

a.mail:hover, a.mail:active {
	color: #1e8adb;
	text-decoration: none;
}

.link-list {
	font-size: 1rem;
	line-height: 1.5;
}

.ic_link {
	position: relative;
}

.ic_link.external::after {
	content: url(/img/icon/external.png);
	display: inline-block;
	padding-left: .4em;
	vertical-align: middle;
}

.link-inline {
	display: block;
	margin: 2rem auto;
}

.link-inline li {
	display: inline-block;
	padding-right: 2em;
	font-size: 1.125rem;
	width: 45%;
}

ul.pagelink {
	display: block;
	letter-spacing: -.5em;
	margin: 4rem auto 2rem;
}

ul.pagelink li {
	display: inline-block;
	letter-spacing: normal;
	width: 50%;
	text-align: left;
	font-size: 1.125rem;
}

ul.pagelink li:nth-child(2n) {
	text-align: right;
}

ul.pagelink li img {
	display: inline-block;
	vertical-align: middle;
	padding: 0 .2em;
	height: 1em;
}

/*ul.pagelink li:first-child a::before {content: url(/img/icon/arrow_L.png); display: inline-block; padding-top: .2em; padding-right: .3em; vertical-align: middle;}
ul.pagelink li:last-child a::after {content: url(/img/icon/arrow_R.png); display: inline-block; padding-top: .2em; padding-left:.3em; vertical-align: middle;} */

ul.pagelink li a, ul.pagelink li a:link, ul.pagelink li a:visited {
	color: #1d6eab;
	text-decoration: underline;
}

ul.pagelink li a:hover, ul.pagelink li a:active {
	color: #1e8adb;
	text-decoration: none;
}

ul.squerlist {
	display: block;
}

ul.squerlist li {
	position: relative;
	padding-left: 1em;
	margin-bottom: 1.2em;
	font-size: 1.125rem;
}

ul.squerlist li::before {
	content: "■";
	position: absolute;
	left: 0;
	top: 0;
}

ul.squerlist li em {
	display: block;
	font-weight: bold;
}


/*BD作成*/
ol.mailmagazune-numlist {
    list-style-type: decimal; 
    font-size: .875rem;
}

ol.mailmagazune-numlist li {
    margin-left:20px;
}

/*ここまでBD作成*/


.mgb05em {
	margin-bottom: .5em !important;
}

.mgb1em {
	margin-bottom: 1em !important;
}

.mgb15em {
	margin-bottom: 1.5em !important;
}

.mgb2em {
	margin-bottom: 2em !important;
}

.mgt1em {
	margin-top: 1em !important;
}

.mgt15em {
	margin-top: 1.5em !important;
}

.mgt2em {
	margin-top: 2em !important;
}

.mgt3em {
	margin-top: 3em !important;
}

.mgt4em {
	margin-top: 4em !important;
}

.pdl1 {
	padding-left: 1em;
}

.pdl3 {
	padding-left: 2.5em;
}

.bold {
	font-weight: bold;
}

.red {
	color: #f05235;
}

.orange {
	color: #ff7d00;
}

.blue {
	color: #2c86c4;
}

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

.right {
	text-align: right !important;
}

.left {
	text-align: left !important;
}

.fright {
	float: right;
	margin-left: 20px;
}

.w94 {
	width: 94%;
}

/* NEWS */

dl#news {
	display: block;
	margin-bottom: 3rem;
}

dl#news dt {
	display: inline-block;
	vertical-align: top;
	width: 6em;
	padding: 8px 0;
	font-size: .8125rem;
}

#member dl#news dt  {
	font-size: .875rem;
}

dl#news dd {
	display: inline-block;
	width: calc(500px - 6em);
	vertical-align: top;
	position: relative;
	padding: 8px 0;
}

#member dl#news dd,
#topics-box dl#news dd {
	font-size: .875rem;
}

dl#news dd::after {
	content: "";
	display: block;
	height: 0;
	width: 0;
	clear: both;
}

dl#news dd p {
	font-size: .9375rem;
	margin-left: 6em;
	line-height: 1.3;
	padding-bottom: 0;
	margin-bottom: 0;
}
					
dl#news dd p.ml0 {
	margin-left: 0em;
		line-height: 1.5;
}					

dl#news dd em {
	display: block;
	position: absolute;
	left: 0;
	top: 6px;
	letter-spacing: normal;
	width: 6.5em;
	padding: 2px;
	font-size: .75rem;
	color: #fff;
	border-radius: 0;
	text-align: center;
	vertical-align: middle;
	font-weight: bold;
}

dl#news em.ico_media {
	background-color: #5889c3;
}

dl#news em.ico_event {
	background-color: #58c39f;
}

dl#news em.ico_event_y {
	background-color: #d5ae45;
}

dl#news em.ico_other {
	background-color: #b1c358;
}

dl#news em.ico_info {
	background-color: #6CBA60;
}

dl#news em.ico_seminar {
	background-color: #d54552;
}

dl#news em.ico_update {
	background-color: #b88096;
}

dl#news em.ico_report {
	background-color: #ffb417;
}

dl#news em.ico_pr {
	background-color: #8bc023;
}

dl#news em.ico_article {
	background-color: #956ea9;
}

dl#news em.ico_kaiin {
	background-color: #FF7D00;
}

dl#news em.ico_kenkyukai {
	background-color: #A47548;
}

i.ico_new_s {
	display: inline-block;
	width: auto;
	background-color: #ff0000;
	color: #fff;
	font-size: 10px;
	font-weight: normal;
	padding: 4px;
	line-height: 1;
	border-radius: 3px;
	margin-right: 5px;
	vertical-align: middle;
	margin: -3px .8em 0 1em;
	font-style: normal;
	letter-spacing: .05em;
}

i.ico_new_L {
	display: inline-block;
	width: auto;
	background-color: #ff0000;
	color: #fff;
	font-size: .9375rem;
	font-weight: normal;
	padding: 4px;
	line-height: 1;
	border-radius: 2px;
	margin-right: 5px;
	vertical-align: middle;
	margin: -3px .8em 0 1em;
	font-style: normal;
	letter-spacing: .05em;
}

dl#news.Lsize {
	border-top: 1px #ccc solid;
	padding-top: .7em;
}

dl#news.Lsize dd {
	width: 655px;
	margin-bottom: .7em;
}

dl#news.Lsize dd em {
	font-size: 1rem;
	padding: 2px .3em;
	width: 7em
}

dl#news.Lsize dd p {
	font-size: 1.125rem;
	margin-left: 7em;
	line-height: 1.6;
}

dl#news.Lsize dt {
	font-size: 1.125rem;
	width: 7em;
}

dl#news.Lsize dd p a:hover, dl#news.Lsize dd p a:active {
	text-decoration: underline;
}

dl#news.Lsize dd::after {
	display: block;
	content: "";
	width: 790px;
	position: absolute;
	left: -130px;
	bottom: -.35em;
	background-color: #ccc;
	height: 1px;
}

/* mailmagazine */

.mmbox {
	padding: 20px 0;
}

.mmbox p {
	font-size: .9375rem;
	padding-bottom: 1.2em;
}

p.pdbno {
	padding-bottom: 0;
}

h3.mmTtl {
	font-size: 1.125rem;
	font-weight: bold;
	border-top: 2px #555 dotted;
	border-bottom: 2px #555 dotted;
	padding: 8px 0 6px 0;
	margin-bottom: 10px;
	margin-top: 10px;
}

.mailmagazineLineC_sp, .mailmagazineLineL_sp {
	display: none;
}

.mailmagazineLineC {
	text-align: center;
}

.mailmagazineLineL {
	text-align: left;
}

.mmbox a:link {
	color: #3366cc;
	text-decoration: underline;
}

.mmbox a:visited {
	color: #3366cc;
	text-decoration: underline;
}

.mmbox a:hover, .mmbox a:active {
	color: #4080ff;
	text-decoration: none;
}

/* report */

ul#report {
	display: block;
	border-top: 1px #ccc solid;
	padding-top: .7em;
}

ul#report li {
	display: block;
	border-bottom: 1px #ccc solid;
	margin-bottom: .7em;
	position: relative;
}

ul#report li em {
	display: inline-block;
	letter-spacing: normal;
	width: 6.5em;
	padding: 2px;
	margin-right: .5em;
	font-size: 1rem;
	line-height: 1.2;
	color: #fff;
	border-radius: 0;
	text-align: center;
	vertical-align: middle;
	font-weight: bold;
}

ul#report li em.ico_column {
	background-color: #598c34;
}

ul#report li em.ico_academic {
	background-color: #9b000c;
}

ul#report li span.date {
	display: block;
}

ul#report li p {
	margin-bottom: 0;
}

ul#report li p.txtS {
	font-size: .9375rem;
	margin-bottom: .8em;
}

span.ico_pdf {
	display: inline-block;
	background-attachment: scroll;
	background-image: url(/images/ico_pdf.gif);
	background-position: left center;
	background-repeat: no-repeat;
	padding: 0 3px 0 22px;
	margin-left: 3px;
	font-size: .875rem;
}

ul#report li a:hover, ul#report li a:active {
	text-decoration: underline;
}

ul#report li h3 {
	display: block;
	font-size: 1.125rem;
}

ul#report li .moreinfo {
	display: block;
	margin: 15px auto;
	background-color: #f5f5f5;
	padding: 15px 20px;
}

ul#report li .moreinfo h5, ul#report li .moreinfo p {
	font-size: .9375rem;
	margin-bottom: .6em;
}

/* information */

h4.info_ttl {
	font-size: 1.125rem;
	margin-bottom: .8em;
	border-top: 1px #ccc solid;
	padding-top: .8em;
}

h4.info_ttl:last-of-type {
	border-bottom: 1px #ccc solid;
	padding-bottom: .8em;
}

h4.info_ttl a:hover, h4.info_ttl a:active {
	text-decoration: underline;
}

ul#information {
	padding-top: .6em;
}

ul#information li {
	display: block;
	background-color: #f5f5f5;
	padding: 20px 25px;
	margin-bottom: 15px;
}

ul#information li em {
	font-size: .875rem;
	font-weight: normal;
}

ul#information li a:hover, ul#information li a:active {
	text-decoration: underline;
}

ul, ol {}

li {}

ul.disc li {
	text-indent: 0;
	padding-left: 0;
}

ul.disc li:before {
	display: inline-block;
	content: "●";
	color: #ff7d00;
	vertical-align: bottom;
	padding-right: .3em;
	vertical-align: middle;
}

ul.disc.pk li:before {
	color: #e1859a;
}

ul.disc-bl li {
	text-indent: -.4em;
	padding-left: 1em;
	display: block;
}

ul.disc-bl li:before {
	display: inline-block;
	content: "・";
	vertical-align: bottom;
	padding-right: .3em;
	vertical-align: middle;
}

ul.circle {
	text-indent: -.4em;
	padding-left: 2em;
	display: block;
	list-style-type: circle;
}

ul.circle li:before {
	display: inline-block;
	content: "";
	vertical-align: bottom;
	padding-right: .3em;
	vertical-align: middle;
}

ul.circle-dw li {
	text-indent: 0;
	padding-left: 0;
	margin-bottom: .6em;
	font-size: 1.125rem;
	line-height: 1.8;
}

ul.circle-dw li em {
	display: block;
}

ul.circle-dw li em:before {
	display: inline-block;
	content: "◎";
	vertical-align: bottom;
	padding-right: .3em;
	vertical-align: middle;
}

ul.ast-li {
	display: block;
	margin-bottom: .8em;
}

ul.ast-li li {
	display: block;
	font-size: .75rem;
	text-indent: -1em;
	padding-left: 1em;
	background-image: none;
}

ul.ast-li li:before {
	display: inline-block;
	margin-right: .2em;
	content: " ";
	width: 0;
	vertical-align: bottom;
}

ul.list_alphabet {
	display: block;
	letter-spacing: -.5em;
}

ul.list_alphabet li {
	display: inline-block;
	letter-spacing: normal;
	width: 13%;
	padding: 1%;
	color: #ccc;
}

ul.list_alphabet li a {
	color: #000;
}

ul.list-brand li {
	display: block;
	line-height: 1.3;
	padding: .4em 0;
}

ul.list-brand li span {
	display: block;
	color: #999;
	font-size: .8125rem;
}

.imgC {
	display: block;
	margin: 1rem auto 1rem;
	text-align: center;
}

.imgC img {}

.imgC.w80 {
	width: 80%;
}

.img-box {
	display: block;
	margin: 2rem auto;
}

.img-box img {
	display: block;
	margin-bottom: 3rem;
}

.img-box.w600 {
	max-width: 600px;
}

.img-right {
	float: right;
	margin-left: 15px;
}

.col2 {
	display: flex;
	margin-bottom: .5rem;
}

.col2 span {
	display: inline-block;
	padding: 0 0 0 2%;
}

.col2 span.half {
	display: inline-block;
	width: 48%;
}

.col2 span:first-child {
	padding-left: 0;
}

.col2 span img {
	display: block;
	margin-bottom: 3px;
}

.col3 {
	display: flex;
	margin-bottom: .5rem;
}

.col3 span {
	display: inline-block;
	padding: 0 0 0 2%;
}

.col3 span:first-child {
	padding-left: 0;
}

.col3 span img {
	display: block;
	margin-bottom: 3px;
}

.col4 {
	display: flex;
	margin-bottom: .5rem;
}

.col4 span {
	display: inline-block;
	padding: 0 2% 0 2%;
}

.col4 span:first-child {
	padding-left: 0;
}

.col4 span img {}

.anklink {
	display: block;
	font-size: 1rem;
	margin: .8em 0;
}

.anklink::before {
	content: "▼";
	color: #ff7d00;
	display: inline-block;
	margin-right: .2em;
}

a.anklink:link {
	color: #3366cc;
	text-decoration: underline;
}

a.anklink:visited {
	color: #3366cc;
	text-decoration: underline;
}

a.anklink:hover, a.anklink:active {
	color: #4080ff;
	text-decoration: none;
}

/* member top */

.mem-top {
	display: block;
	width: 100%;
	min-height: 410px;
	position: relative;
}

.main-bg {
	width: 100%;
}

.ttl-box {
	display: block;
	position: absolute;
	width: 1070px;
	margin: 0 auto;
	top: 55px;
	left: 50%;
	margin-left: -535px;
}

.ttl-box h1 {
	font-size: 2.1875rem;
	font-weight: bold;
	position: relative;
	color: #ff7d00;
	padding-left: 4em;
	margin-bottom: .6em;
}

.ttl-box h1 em {
	display: inline-block;
	background-color: #ff7d00;
	width: 6em;
	padding: 1em .8em;
	border: 8px #ffc69c solid;
	font-weight: bold;
	color: #fff;
	font-size: 1.25rem;
	line-height: 1.5em;
	text-align: center;
	position: absolute;
	left: 0;
	top: -5px;
}

.mem-lead {
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

.mem-lead p {
	font-size: 1.125rem;
	font-weight: bold;
	padding: 0 1em;
	width: 500px;
}

.cat-box {
	display: block;
	background-color: #fff0e1;
	padding: 10px 30px;
	margin-bottom: 20px;
}

ul.mem-cat {
	margin: 0 auto;
	padding: 0;
	display: block;
	letter-spacing: -.5em;
}

ul.mem-cat li {
	display: inline-block;
	letter-spacing: normal;
	width: 31%;
	margin-right: 3%;
	margin-top: 15px;
	margin-bottom: 15px;
}

ul.mem-cat li:nth-child(3n) {
	margin-right: 0;
}

ul.mem-cat li a {
	display: flex;
	background-color: #fff;
	border-top: 3px #ff7d00 solid;
	align-items: center;
	justify-content: flex-start;
	color: #ff7d00;
	font-size: 1.375rem;
	font-weight: bold;
	line-height: 1.2;
	padding: .375rem;
}

ul.mem-cat li a img {
	margin-right: 15px;
}

.prosumers_info {
	display: block;
	background-color: #f5f5f5;
	padding: 12px 20px 5px;
	position: relative;
	margin-bottom: 20px;
}

.prosumers_info h4 {
	font-weight: bold;
}

.prosumers_info p {
	font-size: .9375rem;
}

.prosumers_info img {
	position: absolute;
	right: 20px;
	top: 12px;
}

.recipeBox {
	display: block;
	background-color: #fffaf5;
	padding: 20px 30px;
	position: relative;
	font-size: .9375rem;
	margin-bottom: 60px;
}

.recipeBox img.recipe_ph {
	position: absolute;
	right: 20px;
	top: 0;
}

.recipeBox p.ico-txt {
	position: relative;
	padding-left: 4em;
	font-size: .9375rem;
	line-height: 1.4;
}

span.ico_new-rd {
	display: flex;
	width: 4em;
	height: 4em;
	background-color: #ff0000;
	border-radius: 2em;
	color: #fff;
	align-items: center;
	justify-content: center;
	font-size: .875rem;
	position: absolute;
	left: 0;
	top: -.3em;
}

.recipeBox a:link {
	color: #3366cc;
	text-decoration: underline;
}

.recipeBox a:visited {
	color: #3366cc;
	text-decoration: underline;
}

.recipeBox a:hover, .recipeBox a:active {
	color: #4080ff;
	text-decoration: none;
}

.icoMenu {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	margin: 15px auto;
}

.icoMenu li {
	display: inline-flex;
	align-items: center;
	justify-content: flex-start;
	margin-right: 1em;
}

.mm-box {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
}

.mm-box span.date {
	width: 12em;
	padding: 0 1em;
}

.mm-box a:hover, .mm-box a:active {
	text-decoration: underline;
}

ul.tab-menu {
	display: flex;
	width: 100%;
	align-items: center;
	justify-content: center;
	margin-bottom: 2rem;
}

ul.tab-menu li {
	display: inline-flex;
	width: calc( 33% - 2px);
	border-left: 1px #aaaaaa solid;
	border-top: 1px #aaaaaa solid;
	border-bottom: 1px #aaaaaa solid;
}

ul.tab-menu.is-half li {
	width: calc( 50% - 2px);
}

ul.tab-menu li:nth-child(3n) {
	border-right: 1px #aaaaaa solid;
}

ul.tab-menu.is-half li:nth-child(2n) {
	border-right: 1px #aaaaaa solid;
}

ul.tab-menu li a {
	display: block;
	text-align: center;
	padding: 1em .75em;
	width: 100%;
	position: relative;
	font-weight: bold;
	font-size: 1.125rem;
}

ul.tab-menu li a.current {
	background-color: #ff7d00;
	color: #fff;
}

ul.tab-menu li a.current::before {
	content: "";
	width: 0;
	position: absolute;
	left: 50%;
	margin-left: -10px;
	bottom: -16px;
	height: 0;
	border-style: solid;
	border-width: 20px 10px 0 10px;
	border-color: #ff7d00 transparent transparent transparent;
}

ul.listDisc {
	display: block;
	padding-left: .5em;
	margin-bottom: 10px;
	list-style-type: none;
}

ul.listDisc li {
	display: block;
	font-size: .8125rem;
	padding-left: 1em;
	text-indent: -1em;
}

ul.listDisc li span {
	padding-right: .2em;
}

ul.listDisc-on {
	display: block;
	padding-left: 1.25em;
	margin-bottom: 10px;
	list-style-type: disc;
}

ul.listDisc-on li {
	display: list-item;
}

ul.listDisc-on li span {
	padding-right: .2em;
}

.box-or {
	display: block;
	background-color: #ff7d00;
	padding: 1em 1em .4em 1em;
}

a:hover {
	opacity: .75;
	transition: 0.3s ease-in-out;
}

.links.company {
	border-top: 1px #ccc dotted;
}

.links.company li {
	display: block;
	border-bottom: 1px #ccc dotted;
	padding: .8rem 0;
}

.links.company li a {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-start;
}

.links.company li a img {
	padding: 0 2em;
	min-height: 80px;
}

.links.company li a p {
	margin-bottom: 0;
}

/* report_list top */

.report_list {
	display: block;
	border-top: 1px #dcdcdc solid;
	margin-bottom: 2rem;
	padding-top: 2rem;
}

.profilebox {
	display: table;
}

.profilebox span {
	display: table-cell;
	vertical-align: top;
}

.profilebox span.ph {
	width: 120px;
	padding-right: 20px;
}

.profilebox span.txtbox p {
	line-height: 1.4;
}

.reportlist {
	display: flex;
	flex-wrap: wrap;
	letter-spacing: -.5em;
	ajustify-content: space-between;
}

.reportlist li {
	display: inline-flex;
	width: 32%;
	margin-right: 1%;
	padding: 0;
	letter-spacing: normal;
	margin-bottom: .5em;
}

.reportlist li div {
	display: block;
	width: 100%;
	border: 6px #ebebeb solid;
	padding: 1em;
	font-style: normal;
	font-size: .9375rem;
}

.reportlist li div a {
	display: block;
	font-size: 1.0625rem;
	font-weight: bold;
}

.reportlist li div a:hover, .reportlist li i a:active {
	text-decoration: underline;
}

.tokuten-box {
	display: table;
	width: 100%;
	margin-bottom: 10px;
}

.tokuten-box span {
	display: table-cell;
	padding: .5em .8em;
	vertical-align: middle;
}

.tokuten-box span.th {
	width: 8em;
	text-align: center;
	font-size: 1.125rem;
	background-color: #8d4000;
	font-weight: bold;
	color: #fff;
}

.tokuten-box span.arrow {
	padding: 0;
	text-align: left;
	width: 8px;
}

.tokuten-box span.td {
	font-weight: bold;
	color: #8e4600;
	font-size: 1.125rem;
	vertical-align: middle;
	padding-left: 10px;
}

.tokuten-box span.td img {
	display: block;
	margin-bottom: .3em;
}

.button.is-medium.pd {
	padding-left: 3em;
	padding-right: 3em;
	height: 2.75em;
}

.linkPDF_L a {
	background-attachment: scroll;
	background-image: url(/images/member/icon_pdf_L.png);
	background-position: right center;
	background-repeat: no-repeat;
	padding: 15px 43px 15px 0px;
}

.linkPDF_L a:link, .linkPDF_L a:visited {
	color: #1d6eab;
	text-decoration: underline;
}

.linkPDF_L a:hover, .linkPDF_L a:active {
	color: #1d6eab;
	text-decoration: none;
}

div#termsBox {
	font-size: .875rem;
	display: block;
	height: 20em;
	margin: 10px 0;
	overflow: auto;
	overflow-y: scroll;
	border: 1px #ccc solid;
	padding: 1em 0.5em;
}

div#termsBox h5 {
	font-size: .875rem;
	display: block;
	text-align: center;
	border-bottom: 1px #ccc dotted;
	padding-bottom: 10px;
	margin-bottom: 15px;
}

div#termsBox h6 {
	font-size: .875rem;
	font-weight: bold;
	margin: 1em 0 0.3em 0;
}

div#termsBox ul {
	display: block;
	margin-bottom: 1em;
}

div#termsBox ul li {
	font-size: .875rem;
	display: block;
	text-indent: -1em;
	padding-left: 1em;
}

div#termsBox p {
	font-size: .875rem;
}

.agreeBox {
	display: block;
	background-color: #fff2e5;
	padding: 10px;
	margin: 10px auto;
	text-align: center;
	font-weight: bold;
}

input[type="checkbox"], input[type="radio"] {
	margin-right: .5em;
}

input[type=text], input[type=password], textarea {
	font-size: .9375rem;
	width: 12.25em;
	*width: 11.9em;
}

.registr input[type="text"], .registr input[type=password], .registr textarea {
	padding: 5px;
	border: 1px #ccc solid;
}

.pro_mail_id {
	width: 20em;
}

form .error, form .asterisk, form .txtRed {
	color: #ff0000;
	padding: 0 3px;
}

#disp {
	display: none;
}

.stepbox {
	list-style: none;
}

.stepbox li {
	display: block;
}

.stepbox li span {
	display: block;
	background-color: #ebebeb;
	font-size: 1rem;
	padding: .8em .6em;
	text-align: left;
	font-weight: bold;
}

.stepbox li.current span {
	background-color: #ff7d00;
	color: #fff;
}

.stepbox li::after {
	display: block;
	content: url(/img/arrow_or_dw.png);
	text-align: center;
	margin: 3px auto;
}

.stepbox li:last-child::after {
	display: none;
}

.ico_SSL {
	display: block;
	padding-left: 25px;
	background-attachment: scroll;
	background-image: url(/images/member/icon_SSL.png);
	background-position: left center;
	background-repeat: no-repeat;
}

.formTd table {
	border-top: 1px #ccc solid;
	margin: 0px auto 10px auto;
	padding: 2px 0;
	margin-bottom: 25px;
}

.formTd table th {
	background-color: #eee;
	padding: .8em .6em;
	font-weight: bold;
	width: 25%;
	vertical-align: middle;
	font-size: .9375rem;
}

.formTd table td {
	font-size: .9375rem;
	background-color: #fff;
	vertical-align: middle;
	padding: .8em .6em;
}

.formTd table.form th, .formTd table.form td {
	border-bottom: 1px #ccc solid;
}

.formTd table.form th span.cap {
	display: block;
	font-size: 85%;
	font-weight: normal;
}

.formTd table.form td span.name {
	display: inline-block;
	width: 3.2em;
	text-align: center;
	padding-right: 0.2em;
}

.formTd table.form td span.mail_id {
	font-size: 1.125rem;
	font-weight: bold;
	letter-spacing: 0.1em;
}

.formTdB table {
	margin-bottom: 25px;
	border-left: 1px #ccc solid;
	border-right: 1px #ccc solid;
	border-bottom: 1px #ccc solid;
}

.formTdB table th {
	border-top: 1px #ccc dotted;
	background-color: #eee;
	padding: 10px 8px;
	vertical-align: middle;
	font-size: .9375rem;
	font-weight: bold;
}

.formTdB table td {
	font-size: .9375rem;
	background-color: #fff;
	padding: 10px 8px;
}

.formTdB table th span.cap {
	font-size: 85%;
	font-weight: normal;
	padding: 0 3px;
}

.formTdB table .error_td td, .formTd table.form .error_td td {
	background-color: #fff2e5;
}

.formTd table.form .tdBg td {
	background-color: #f6f6f6;
	color: #555;
}

input.association {
	margin-bottom: 5px;
}

.registr ul.checkBox li {
	display: inline-block;
	padding-right: 1em;
	min-width: 6.5em;
}

.registr input[type="text"], .registr textarea {
	padding: 5px;
	border: 1px #ccc solid;
}

.registr input.pro_mail_id {
	width: 20em;
}

.prefecture {
	font-size: .875rem;
	padding: .3em;
	border: 1px #ccc solid;
}

.registr input.pro_name1, .registr input.pro_kana1 {
	margin-right: 1em;
}

.registr input.pro_age, .registr input.zip_cd {
	width: 8em;
	margin: 0 0.5em 0 2px;
}

.registr input.address1, .registr input.address2 {
	display: block;
	width: 95%;
	margin-bottom: 5px;
}

.registr input.company, .registr input.department, .registr input.jobtitle, .registr input.association, .registr input.login_password {
	display: inline-block;
	width: 50%;
}

input.login_password {
	margin-bottom: 4px;
}

.registr input.association {
	margin-bottom: 5px;
}

.registr ul.checkBox li {
	display: inline-block;
	padding-right: 1em;
	min-width: 6.5em;
}

.question08, .question09, .question_quit {
	width: 98%;
}

.registr input[type="text"].question01, .registr input[type="text"].question05, .registr input[type="text"].jobcategory, .registr input[type="text"].license {
	width: 20em;
}

.btnBoxC {
	display: block;
	margin: 15px auto;
	text-align: center;
}

.btnBoxC img {
	display: inline-block;
	text-align: center;
	padding: 0 5px;
}

.box.is-orange {
	width: 55%;
	margin: 3rem auto;
	padding-top: 2rem;
	background-color: #fff0e1;
	border-radius: 0;
	box-shadow: 0 2px 3px rgba(10, 10, 10, 0), 0 0 0 1px rgba(10, 10, 10, 0);
	color: #000;
	text-align: center;
}

.box.is-orange.logout {
	padding-top: 5rem;
	padding-bottom: 5rem;
}

.login_box {
	width: 90%;
	margin: 2rem auto 10px auto;
}

.login_box dt, .login_box dd {
	display: block;
	text-align: left;
	padding-bottom: .2em;
}

.login_box dd {
	margin-bottom: .65em;
}

.login_box .mail_id, .login_box .password {
	width: 100%;
}

.login_box input[type="text"], .login_box input[type=password] {
	padding: .5em;
}

.txtLink_s a::before {
	content: url(../img/arrow_or.png);
	display: inline-block;
	padding-right: .2em;
	vertical-align: baseline;
}

.half-col {
	display: block;
	letter-spacing: -.5em;
	margin-bottom: 30px;
}

.half-col span {
	display: inline-block;
	width: 48%;
	margin: 0 4% 0 0;
	letter-spacing: normal;
	vertical-align: top;
}

.half-col span:nth-child(2n) {
	margin-right: 0;
}

dl.sitemap {
	border-top-color: #ff7d00;
	border-top-style: solid;
	border-top-width: 4px;
	margin-bottom: 15px;
}

dl.sitemap dt {
	border-bottom-color: #ccc;
	border-bottom-style: solid;
	border-bottom-width: 2px;
	color: #ff7d00;
	font-size: 1.375rem;
	font-weight: bold;
	padding: 25px 15px;
}

dl.sitemap dd {
	border-bottom-color: #ccc;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	line-height: 1.4;
}

dl.sitemap dd a {
	background-image: url(/img/arrow_or.png);
	background-position: 95% center;
	background-repeat: no-repeat;
	display: block;
	padding: 1.2em 0 1.2em 1em;
	text-decoration: none;
}

dl.sitemap dd a:hover, dl.sitemap dd a:active {
	text-decoration: none;
}

dl.sitemap dd ul.submenu {
	display: block;
	font-size: .875rem;
	border-top: 1px #ccc solid;
}

dl.sitemap dd ul.submenu li {
	display: block;
}

dl.sitemap dd ul.submenu li a {
	background-image: url(/img/arrow_or.png) !important;
	background-size: .45em;
	background-position: 1.8em center;
	padding: .5em .5em .5em 2.8em;
}

.pcOnly {
	display: block;
}

.spOnly {
	display: none;
}

/* pgtop */

.pagetop {
	position: fixed;
	bottom: 10%;
	right: 0;
	width: 10%;
	z-index: 100;
}

/* clear float */

.clear {
	clear: both;
	font-size: 1px;
	height: 1px;
	line-height: 1%;
	margin: 0;
	padding: 0;
	display: block;
}

/* 《BD追加》トップページバナー・お知らせ */

.h-bnr {
	display: block;
	position: relative;
	max-width: 90%;
	margin: 30px auto;
	text-align: center;
}

.h-bnr img {
	margin: 30px auto;
}

.menber-bnr {
	margin: -30px auto 30px;
	max-width: 100%;
}

.h-news {
	display: block;
	position: relative;
	max-width: 90%;
	margin: 30px auto;
	text-align: center;
    border: 1px red solid;
    padding: 20px;
    color: red !important;
}

/* 《BD追加》プロシューマ会員について */

.flex-container {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	flex-direction: row;
	margin: 10px 0 50px 0;
}

img.flex-box_sttl {
	align-self: flex-start;
	flex-basis: 45%;
	padding: 0 10px;
}

.flex-box_txt {
	flex-grow: 3;
	padding: 0 10px;
}

.list-circl {
	list-style-type: circle;
}

/* 《BD追加》SNS */

.sns_area {
	display: flex;
	justify-content: space-between;
	margin: 0 auto;
	width: 180px;
}

.sns_area img {
	width: 48px;
	height: 48px;
}

#local-menu .sns_local {
	display: flex;
	justify-content: space-between;
	margin: 20px auto;
	width: 180px;
}

.sns_local img {
	width: 48px;
	height: 48px;
}

/* 《BD追加》margin調整 */

.margin_t0 {
	margin-top: 0px;
}

.margin_b0 {
	margin-bottom: 0px;
}

.margin_b5 {
	margin-bottom: 5px;
}

.margin_b10 {
	margin-bottom: 10px;
}

.margin_b30 {
	margin-bottom: 30px;
}

.margin_b50 {
	margin-bottom: 50px;
}

.margin_b70 {
	margin-bottom: 70px;
}

.margin_l0 {
	margin-left: 0px;
}

.margin_l-5 {
	margin-left: -5px;
}

.margin_l80 {
	margin-left: 80px;
}

.padding_l0 {
	padding-left: 0px;
}

/* #banner */

#banner {
	background-color: #f28d23;
	border-left: #e36f01 solid 8px;
	position: fixed;
	right: -412px;
	top: 50%;
	transition: all .4s;
	width: 420px;
	white-space: nowrap;
	z-index: 101;
}

/*
#member #banner {
	display: none;
}
*/

#banner.active {
	right: 0;
}

#banner i {
	background-color: #e36f01;
	background-image: url(../img/banner_open.png);
	background-position: center;
	background-repeat: no-repeat;
	cursor: pointer;
	height: 22px;
	left: -30px;
	position: absolute;
	top: 0;
	width: 22px;
}

#banner.active i {
	background-image: url(../img/banner_close.png);
}

#banner a {
	display: block;
	padding: 17px 0 12px 20px;
}

#banner p {
	color: #fff;
	font-weight: bold;
	margin-bottom: 0;
}

#banner p:first-child {
	font-size: 0.9375rem;
	line-height: 1.5;
	margin-bottom: 0.5rem;
}

#banner p:first-child span {
	background-color: #fff;
	border-radius: 2em;
	color: #f28d23;
	display: block;
	float: left;
	font-size: 1.125rem;
	line-height: 1.6;
	margin-right: 0.75em;
	padding: 0 1em;
}

#banner p:nth-child(2) {
	font-size: 2.625rem;
	line-height: 0.8;
}

#banner p:nth-child(2) span  {
	font-size: 1.5rem;
	line-height: 1.5;
}

#banner p:nth-child(3) {
	font-size: 0.84375rem;
	line-height: 1.9;
}

#banner p:last-child {
	font-size: 1.0625rem;
	line-height: 1.3;
}

#banner p:last-child span {
	background-color: #ff0000;
	border: #fff solid 2px;
	border-radius: 0.5em;
	display: block;
	float: left;
	font-size: 1.125rem;
	line-height: 2;
	margin-right: 0.5em;
	padding: 0 0.4em;
}

br.pc {
	display: block;
}

#wrapper.login #banner,
body#member #banner {display: none;}

/* 2025.07 bran-do 追記 */
/* food_nutrition　「日本人の食事摂取基準(2025年版)」の特長と主な改定ポイント */
.ul_L {
	font-size: 1.125rem;
	margin-bottom: .8em;
    line-height: 1.8;
}
table.gray-tbl-3 tr th.br_1 {
	border-right: 1px #cccccc solid;
}
ol.num-list-line-harf {
	display: grid;
	column-gap: 2em;
	grid-auto-flow: column;
	grid-template-rows: repeat(3, auto);
}
ol.num-list-line-harf li:nth-child(4) {
    grid-column: 2 / 2;
    grid-row: 1 / 3;
}
ol.num-list-line-harf li {
    font-size: 1.125rem;
	position: relative;
    padding-left: 2.4em;
    border-bottom: 1px #dcdcdc solid;
    padding-bottom: .8em;
    margin-bottom: .8em;
}
ol.num-list-line-harf li:last-of-type, ol.num-list-line-harf li:nth-of-type(3) {
    border-bottom: 0;
	padding-bottom: .2em;
	margin-bottom: 0;
}
ol.num-list-line-harf li img {
    position: absolute;
    left: 0;
    top: .3em;
}
table.gray-tbl-3 td.tbl-l {
	text-align: left;
}
table.gray-tbl-3 td.tbl-l:first-of-type {
	border-right: 0;
}
table.gray-tbl-3 td.tbl-l:last-of-type {
    width: 69%;
}
table.gray-tbl-3 td.indent {
	padding-left: 1.4em;
	text-indent: -0.8em;
}
table.tbl_vitaminB12_2025 td:first-of-type {
	width: 20.25%;
}
ol.num-list-line li:last-of-type {
	padding-bottom: .2em;
	margin-bottom: 0;
}
/* category */
.category-list-s li {
	margin-bottom: 2rem;
}