@charset "UTF-8";
body{
	counter-reset: number 0;
}
div.news_container .releaseDetail_box p{
	padding-bottom: 0;
}
.pr-article {
	width: 700px;
	margin: 0 auto;
}
.pr-article img {
	max-width: 100%;
}
.pr-article ul li {
	margin: 0;
}
/* タイトル */
.titleBlock {
	text-align: center;
	font-weight: bold;
	margin: 0 auto 40px;
	line-height: 1.3;
}
.titleBlock__title-s {
	font-size: 16px;
	margin-top: 5px;
}
.titleBlock__title-m {
	font-size: 18px;
	margin-top: 5px;
}
.titleBlock__title-l {
	font-size: 22px;
	line-height: 1.6;
	margin-top: 5px;
}

/* テキスト */
.sup-txt{
	font-size: 70%;
	vertical-align: super;
}
.paragraph {
	text-indent: 1em;
	margin-top: 20px;
}
.paragraph + .paragraph{
	margin-top: 10px;
}
.paragraph--note{
	font-size: 10px;
	margin-top: 20px;
	text-indent: -2.6em;
	padding-left: 2.6em;
}
.paragraph--note + .paragraph--note{
	margin-top: 5px;
}
.paragraph--note::before{
	content: "※";
	margin-right: 1em;
}
.paragraph--serial_note_blc{
	counter-reset: number;
}
.paragraph--serial_note{
	font-size: 10px;
}
.paragraph--serial_note:before{
	counter-increment: number;
	content: "※"counter(number);
	padding-right: 1em;
}
.paragraph--noindent {
	text-indent: 0;
}
.paragraph--underline {
	text-decoration: underline;
}
.paragraph--small {
	font-size: 10px;
}
.paragraph--strong {
	font-size: 1.2em;
}
.paragraph--caution {
	color: red;
	padding: 0 0 0 1em;
}
.paragraph--subHeading {
	font-weight: bold;
	font-size: 13px;
}

/* feature */
.mainImg{
	display: block;
	margin: 20px auto 0 auto;
}

.feature_txtblc{
	width: 100%;
}
.feature-img{
	width: 90%;
	display: block;
	margin: 50px auto;
}
.feature-ttl{
	font-weight: bold;
	text-decoration: underline;
	font-size: 14px;
}
.feature-ttl span::before{
	content: '：';
}
.feature-detail{
	margin-top: 5px;
}
.feature-point + .feature-point{
	margin-top: 25px;
}

.flexwrap{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.flexwrap + .flexwrap{
	margin-top: 20px;
}
.flex--block__clm2{
	width: 50%;
	height: auto;
	margin-right: 20px;
	-ms-flex-item-align: center;
	align-self: center;
	display: block;
}
.flex--block
.flex--block img{
	width: 100%;
	height: auto;
}

/* 商品情報 */
.itemParts{
	vertical-align: baseline;
}

.itemHeading{
	text-align: left;
	width: 4em;
}

.itemDetail{

}

.itemBlock .flexwrap{
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

/***************************************
  dl-block
****************************************/
.dl-block {
	margin-top: 50px;
}
.dl-block__dt {
	font-size: 14px;
	font-weight: bold;
	margin: 0 0 10px;
	padding: 0 0 5px;
	border-bottom: 1px solid #000;
}
.dl-block__dt--noborder {
	border: none;
}
.dl-block__dd {
	position: relative;
}
.dl-block__dd--col2 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: space-between;
}
.dl-block__dd + .dl-block__dd{
	margin-top: 40px;
}
.right-block,
.left-block {
	display: inline-block;
	max-width: 450px;
	min-width: 250px;
}
.left-block{
	margin-right: 20px;
}
.right-block img,
.left-block img{
	display: block;
	width: 250px;
	float: none;
	vertical-align: top;
}
.right-block img{
	text-align: right;
}
.left-block img{
	text-align: left;
}
.right-block img + img {
	margin-top: 1em;
}
/***************************************
 contentCorporate
****************************************/
.contentCorporate {
	margin: 35px auto 30px;
}
.contentCorporate__name {
	font-size: 14px;
	font-weight: bold;
}
.contentCorporate__text1 {
	margin: 0 0 20px;
	text-align: justify;
	text-justify: inter-ideograph;
	word-break: break-all;
}

/***************************************
 table
****************************************/
#mainContent-right .releaseDetail_box .pr-article .table {
	text-align: left;
	margin: 0;
	border: none;
}
#mainContent-right .releaseDetail_box .pr-article .table--inner {
	margin: -1.7em 0 0 1em;
}
#mainContent-right .releaseDetail_box .pr-article .table__caption {
	text-align: left;
	font-size: 15px;
	font-weight: bold;
}
#mainContent-right .releaseDetail_box .pr-article .table__th {
	width: 8em;
	padding-left: 0;
	font-weight: normal;
	border: none;
	text-align: left;
}
#mainContent-right .releaseDetail_box .pr-article .table__th--wide {
	width: 16em;
}
#mainContent-right .releaseDetail_box .pr-article .table--inner .table__th {
	 width: 5em;
}
#mainContent-right .releaseDetail_box .pr-article .table__td {
	text-indent: -1em;
	padding: 0 0 0 1em;
	border: none;
}
#mainContent-right .releaseDetail_box .pr-article .table__td:before {
	content: "：";
}
#mainContent-right .releaseDetail_box .pr-article .table--inner .table__td {
	text-indent: 0;
	padding: 0;
}
#mainContent-right .releaseDetail_box .pr-article .table--inner .table__td:before {
	display: none;
}

/************** 20230623 ****************/
.img-ma {
	margin-top: 10px;
}

.title-bold {
	padding-top: 10px;
	font-weight: bold;
}

.item-url {	
	font-weight: bold;
}

.item-url-text {
	color: #0067c0;
}

/*  */
.dl-block__dt {
	font-size: 14px;
    font-weight: bold;
    margin: 0 0 10px;
    padding: 0 0 5px;
    border-bottom: 1px solid #000;
}

.recipe-img {
	width: 236px;
	height: 200px;
}

.recipe-title {
	background-color: gray;
	color: #FFFFFF;
	text-align: center;
}

.recipe-flex {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}

.recipe-item:first-child {
	width: 70%;
	padding-right: 10px;
}

.recipe-item {
	width: 30%;
}

.recipe-text {
	padding-top: 20px;
}

/*  */
.material-content {
	margin-top: 10px;
}

.material {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	margin: 0;
}

.material-item {
	width: calc(100%/3);
	text-align: left;
}


.process {
	padding-top: 20px;
}

.process-text {
	padding-top: 10px;
}

.process-item {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	margin: 0;
	padding-top: 10px;
}

.process-img {
	width: calc((100% - 20px)/3);
}

.process-img:first-child {
	margin-right: 10px;
}

.process-img:last-child {
	margin-left: 10px;
}

/*  */
.material-gummi-item {
	width: 35%;
	text-align: left;
}

.material-gummi-item:first-child {
	width: 65%;
	text-align: left;
}

.gummi-img:nth-child(2){
	width: calc((100% - 10px)/2);
	display: flex;
	flex-wrap: wrap;
	margin: 0;
}

.gummi-img:first-child {
	width: calc((100% - 30px)/4);
	margin-right: 10px;
}

.gummi-img:last-child {
	width: calc((100% - 30px)/4);
	margin-left: 10px;
}

.gummi-img-item:first-child  {
	width: calc((100% - 10px)/2);	
	margin-right: 10px 
}

.gummi-img-item {	
	width: calc((100% - 10px)/2);
}

.material-yoghurt-item {
	width: calc(100%/2);
}

/*  */
.process-yoghurt-item {
	padding-top: 10px;
}

.process-yoghurt-img {
	display: flex;
	flex-wrap: wrap;
	margin: 0;
}

.process-yoghurt-img-item:first-child {
	width: calc((100% - 20px)/3);
	margin-right: 10px;
}

.process-yoghurt-img-item:nth-child(2) {
	width: calc((100% - 20px)/3);
	padding: 0px;
}

.process-yoghurt-img-item:last-child {
	width: calc((100% - 20px)/3);
	margin-left: 10px;
}

.process-yoghurt-text {
	display: flex;
	flex-wrap: wrap;
	margin: 0;
}

.process-yoghurt-text-item:first-child {
	width: calc(100%/2);
	padding-right: 5px;
}

.process-yoghurt-text-item:last-child {
	width: calc(100%/2);
	padding-left: 5px;
}



/*  */
.pai-img:nth-child(2){
	width: calc((100% - 30px)/4);
}

.pai-img:first-child {
	width: calc((100% - 10px)/2);
	display: flex;
	flex-wrap: wrap;
	margin: 0;
	margin-right: 10px;
}

.pai-img:last-child {
	width: calc((100% - 30px)/4);
	margin-left: 10px;
}

.pai-img-item:first-child  {
	width: calc((100% - 10px)/2);
	margin-right: 10px;	
}

.pai-img-item {	
	width: calc((100% - 10px)/2);
}


/*  */
.device-person {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	margin: 0;
}

.device-person-item:last-child {
	width: 70%;
}

.device-person-item {
	width: 30%;
	padding-right: 10px;
}

.product {
	width: 100%;
	margin: 0;
}

.product-image {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	margin: 0;
}

.product-img-type {
	width: calc(100%/2);
}

.product-item {
	width: calc(100%/2);
}

.product-block {
	width: calc(100%/2);
}

.product-item-block {
	width: 100%;
}

.product-content {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	margin-top: 10px;
}

.under-line {
	text-decoration:underline;
}





/************* SPのみ *******************/
@media (max-width: 739px) {
	.pr-article {
		width: 100%;
		padding: 10px;
		box-sizing: border-box;
	}
	.pr-article a {
		word-break: break-all;
	}
	.pr-article img {
		zoom: 1 !important;
		display: block;
	}
	.mainImg{
		margin-top: 10px;
	}
	.flexwrap{
		flex-direction: column;
	}
	.flexwrap + .flexwrap{
		margin-top: 40px;
	}
	.flex--block__clm2{
		width: auto;
		max-width: 100%;
		height: auto;
		flex: auto;
		margin-right: 0;
	}
	.feature_txtblc{
		margin-top: 35px;
	}
	.feature-ttl span::before{
		content: none;
	}
	.flex--block__clm2 + .flex--block__clm2{
		margin-top: 30px;
	}
	.itemBlock + .itemBlock{
		margin-top: 30px;
	}
	.itemBlock li{
		width: 100%;
		margin-right: 0;
	}
	img.itemImage{
		max-width: 320px;
		margin: 0 auto;
	}
	img.pointImage{
		/*max-width: 205px;*/
		margin: 0 auto;
	}

	/***************************************
	 dl-block
	****************************************/


	.right-block {
		display: block;
		width: 100%;
		float: none;
		margin: 10px 0 0;
	}
	.left-block img{
		margin-top: 10px;
	}
	.product-img{
		margin-bottom: 10px;
	}
	.left-block{
		margin-right: 0;
	}

	.dl-block__dd--col2 {
		flex-direction: column;
	}

	.dl-block__dd--product{
		flex-direction: column-reverse;
	}
	.paragraph--pointHeading{
		font-size: 14px;
	}
	.dl-block__dt{
		font-size: 15px;
	}
		/***************************************
	 Table
	****************************************/
	#mainContent-right .releaseDetail_box .pr-article .table--inner {
		padding: 0;
		width: calc(100% - 1em);
		margin: 10px 0 0 auto;
	}
	#mainContent-right .releaseDetail_box .pr-article .table__td {
		word-break: break-all;
	}
	#mainContent-right .releaseDetail_box .pr-article .table__th {
		background: none;
	}
	#mainContent-right .releaseDetail_box .pr-article .table__th--wide {
		width: 8em;
		text-indent: -1em;
		padding-left: 1em;
	}
	/***************************************
	 borderTable
	****************************************/
	.borderTable {
		width: 100%;
		margin: 20px 0 0;
	}
	.contentCorporate {
		width: 100%;
	}
	.contentCorporate__logo {
		float: none;
		max-width: 125px;
		margin: 0 auto 10px;
		display: block;
	}
	.contentCorporate__name {
		font-size: 15px;
	}
	.contentCorporate__text1 {
		margin: 0;
	}
	.mainImg__item {
		display: block;
	}
	div.news_container .releaseDetail_box .pr-article .imgList__caption {
		font-size: 10px;
	}
	.is-sp{
		display: inline;
	}
	.is-pc{
		display: none;
	}

	/********* add **********/

	.item-url {
		font-size: 14px;
	}

	.item-url-text {
		font-size: 11px;
	}

	.sp-url {
		font-size: 13px;
	}

	.recipe-flex {
		display: block;
		flex-wrap: wrap;
		width: 100%;
	} 

	.recipe-item:first-child {
		width: 100%;
		padding: 0px;
		margin-bottom: 10px;
	}
	
	.recipe-item {
		width: 100%;
	}

	.recipe-img {
		width: 100%;
		height: 100%;
		margin: 0px;
	}

	.material-content {
		padding-top: 20px;
	}

	.material {
		width: 100%;
		display: block;
		flex-wrap: wrap;
		margin: 0;
	}

	.material-item {
		width: 100%;
		text-align: left;
	}

	.process {
		padding-top: 20px;
	}
	
	.process-item {
		width: 100%;
		display: block;
		flex-wrap: wrap;
		margin: 0;
		padding-top: 10px;
	}
	
	.process-img {
		width: 100%;
	}
	
	.process-img:nth-child(2) {
		padding: 0px;
	}
	
	.process-img:first-child {
		padding: 0px;
	}
	
	.process-img:last-child {
		margin: 0px;
	}

	.material-gummi-item {
		width: 100%;
		text-align: left;
	}
	
	.material-gummi-item:first-child {
		width: 100%;
		text-align: left;
	}

	.gummi-img:nth-child(2){
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		margin: 0;
	}
	
	.gummi-img:first-child {
		width: 100%;
		margin: 0px;
	}
	
	.gummi-img:last-child {
		width: 100%;
		margin: 0px;
	}
	
	.gummi-img-item:first-child  {
		width: 100%;	
		margin: 0px;
		margin-bottom: 10px;
	}
	
	.gummi-img-item {	
		width: 100%;
		margin: 0px;
	}
	
	.material-yoghurt-item {
		width: 100%;
	}
	
	/*  */
	.process-yoghurt-item {
		padding-top: 10px;
	}
	
	.process-yoghurt-img {
		display: block;
		flex-wrap: wrap;
		margin: 0;
	}
	
	.process-yoghurt-img-item:first-child {
		width: 100%;
		margin: 0px;
	}
	
	.process-yoghurt-img-item:nth-child(2) {
		width: 100%;
		margin: 10px 0px;
	}
	
	.process-yoghurt-img-item:last-child {
		width: 100%;
		margin: 0px;
	}
	
	.process-yoghurt-text {
		display: block;
		flex-wrap: wrap;
		margin: 0;
	}
	
	.process-yoghurt-text-item {
		width: 100%;
	}

	.process-yoghurt-text-item:last-child {
		margin: 0px;
		padding: 0px;
	}

	.process-yoghurt-text-item:last-child .process-text {
		margin: 0px;
		padding: 0px;
	}
	
	.process-yoghurt-text-item:first-child {
		width: 100%;
		padding: 0px;
	}

	.process-yoghurt-text-item:last-child {
		width: 100%;
		padding: 0px;
	}
	
	/*  */
	.material-yoghurt-item {
		width: 100%;
	}
	
	.process-yoghurt-item-text {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		margin: 0;
	}

	.process-text:last-child {
		padding-top: 0px;
	}

	.process-text {
		padding: 0px;
		margin: 5px 0px 10px 0px;
	}
	
	/*  */

	.pai-img:nth-child(2){
		width: 100%;
		margin: 0px;
	}
	
	.pai-img:first-child {
		width: 100%;
		display: block;
		flex-wrap: wrap;
		margin: 0;
	}
	
	.pai-img:last-child {
		width: 100%;
		margin: 0px;
	}
	
	.pai-img-item:first-child  {
		width: 100%;
		margin-bottom: 10px;	
	}
	
	.pai-img-item {	
		width: 100%;
	}
	
	
	/*  */
	.device-person {
		width: 100%;
		display: block;
		flex-wrap: wrap;
		margin: 0;
	}
	
	.device-person-item:last-child {
		width: 100%;
		padding: 0px;
	}
	
	.device-person-item {
		width: 100%;
		padding: 0px;
		margin-bottom: 10px;
	}
	
	.product {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		margin: 0;
	}
	
	.product-image {
		width: 100%;
		display: block;
		flex-wrap: wrap;
		margin: 0;
	}
	
	.product-img-type {
		width: 100%;
		margin: 5px 0px;
	}
	
	.product-item {
		width: 100%;
	}
	
	.product-block {
		width: 100%;
	}
	
	.product-item-block {
		width: 100%;
	}

	.product-item-block:last-child {
		margin: 5px 0px;
	}
	
	.product-content {
		width: 100%;
		display: block;
		flex-wrap: wrap;
		margin-top: 10px;
	}

	
}