/*module css*/
@charset "utf-8";
@import "machine_list_module.css?260826";

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite,
code, del, dfn, img, ins, kbd, q, samp, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset,
form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer,
header, hgroup, menu, nav, section, time, mark, audio, video {
	color: #000000;
}

.inner{
	width: 960px;
	margin: 0 auto;
}
.ttl_common{
	font-size: 30px;
	line-height: 1.5;
	text-align: center;
}
.ttl_sub_com{
	font-size: 25px;
	line-height: 1.5;
	margin-bottom: 15px;
	font-weight: 400;
}
#main h3.ttl_sub_com{
	margin-bottom: 15px;
	font-family: 'Mulish', "Helvetica", "Arial", "メイリオ", "Meiryo", sans-serif;
}
.ttl_sub_com span{
	font-size: 15px;
}
.txt_common{
	font-size: 16px;
	line-height: 1.8;
	text-align: center;
}
.txt_sm_common{
	font-size: 12px;
	line-height: 1.5;
	font-weight: 400;
}
.txt_sm_common span,
.txt_sm_common a{
	font-size: 12px;
}
.mb_50{
	margin-bottom: 50px;
}
.mb_30{
	margin-bottom: 30px;
}
#main ul.mb_30{
	margin-bottom: 30px;
}
.mb_20{
	margin-bottom: 20px;
}
#main p.mb_20{
	margin-bottom: 20px;
}
.img_machine{
	width: 100%;
}

/*MV Section*/
.mv_sec{
	width: 100%;
	max-width: 820px;
	margin: 20px auto 50px;
	text-align: center;
}
.mv_sec.full_mv{
	max-width: 100%;
}
.img_logo{
	width: 206px;
	margin: 0 auto 20px;
}
.img_logo.img_liona{
	width: 330px;
}
.img_logo.img_coffee-soup{
	width: 138px;
}
.img_logo.img_maggi_soupbar{
	width: 136px;
}
/*end of MV Section*/

/*Link Sec*/
.link_sec{
	text-align: center;
}
.link_sec a{
	display: inline-block;
	font-size: 16px;
	color: #fff;
	background: #ff6c00;
	padding: 20px;
}
.link_sec a:hover{
	color: #fff;
}
/*end of Link Sec*/

/*Information*/
.information_sec{
	text-align: center;
}
.ttl_info{
	padding: 8px 20px;
	background: #dadbdc;
	cursor: pointer;
	position: relative;
}
.ttl_info::after{
	content: '';
	position: absolute;
	background: url(/sites/g/files/yjnsyp131/files/nestleprofessional/assets/images/machine/icon_down.png) no-repeat right top;
	-webkit-background-size: 100% auto;
	     -o-background-size: 100% auto;
	        background-size: 100% auto;
	width: 40px;
	height: 40px;
	right: auto;
	top: 50%;
	-webkit-transform: translateY(-50%);
	   -moz-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	     -o-transform: translateY(-50%);
	        transform: translateY(-50%);
	margin-left: 15px;
}
.info_content{
	display: none;
	padding-bottom: 50px;
}
.information_sec.show_content .info_content{
	display: block;
}
.information_sec.show_content .ttl_info::after{
	-webkit-transform: translateY(-50%) rotate(180deg);
	   -moz-transform: translateY(-50%) rotate(180deg);
	    -ms-transform: translateY(-50%) rotate(180deg);
	     -o-transform: translateY(-50%) rotate(180deg);
	        transform: translateY(-50%) rotate(180deg);
}
.plan_info_sec{
	margin-bottom: 100px;
}
.plan_info_sec .txt_common{
	margin-bottom: 40px;
}
.plan_info_sec .img_machine{
	width: 400px;
	margin: 0 auto;
}
.txt_point{
	font-size: 20px;
	border: 2px solid #000;
	padding: 10px;
	font-weight: 400;
}
/*end of Information*/

/*Youtube*/
.youtube_sec{
	width: 640px;
	height: 385px;
	margin: 0 auto;
}
iframe{
	width: 100%;
	height: 100%;
}
/*end of Youtube*/

.maggi_service_sec .txt_common{
	font-size: 20px;
}

/*For Tablet*/
@media only screen and (min-width: 768px) and (max-width: 1039px) {
	.inner{
		width: 75%;
	}
	.ttl_common{
		font-size: 2.885vw;
	}
	.ttl_sub_com{
		font-size: 2.404vw;
		margin-bottom: 1.442vw;
	}
	.ttl_sub_com span{
		font-size: 1.442vw;
	}
	.txt_common{
		font-size: 1.538vw;
	}
	.txt_sm_common{
		font-size: 1.154vw;
	}
	.txt_sm_common span,
	.txt_sm_common a{
		font-size: 1.154vw;
	}
	.mb_50{
		margin-bottom: 4.808vw;
	}
	.mb_30{
		margin-bottom: 2.885vw;
	}
	.mb_20{
		margin-bottom: 1.923vw;
	}

	/*MV Section*/
	.mv_sec{
		max-width: 62.846vw;
		margin: 1.923vw auto 4.808vw;
	}
	.img_logo{
		width: 16.808vw;
		margin: 0 auto 1.923vw;
	}
	.img_logo.img_liona{
		width: 23.731vw;
	}
	.img_logo.img_coffee-soup{
		width: 10.269vw;
	}
	.img_logo.img_maggi_soupbar{
		width: 9.077vw;
	}
	/*end of MV Section*/

	/*Link Sec*/
	.link_sec a{
		font-size: 1.538vw;
		padding: 1.923vw;
	}
	/*end of Link Sec*/

	/*Information*/
	.ttl_info{
		padding: 0.769vw 1.923vw;
	}
	.ttl_info::after{
		width: 3.365vw;
		height: 3.365vw;
		margin-left: 1.442vw;
	}
	.info_content{
		padding-bottom: 4.808vw;
	}
	.plan_info_sec{
		margin-bottom: 9.615vw;
	}
	.plan_info_sec .txt_common{
		margin-bottom: 3.846vw;
	}
	.plan_info_sec .img_machine{
		width: 38.462vw;
	}
	.txt_point{
		font-size: 1.923vw;
		border: 0.192vw solid #000;
		padding: 0.962vw;
	}
	/*end of Information*/
	
	/*Youtube*/
	.youtube_sec{
		width: 61.538vw;
		height: 34.423vw;
	}
	/*end of Youtube*/
	
	.maggi_service_sec .txt_common{
		font-size: 1.923vw;
	}
}

/*For SP*/
@media only screen and (max-width: 767px) {
	.inner{
		width: 100%;
		padding: 0 0.15rem;
	}
	.ttl_common{
		font-size: 0.41rem;
	}
	.ttl_sub_com{
		font-size: 0.27rem;
		margin-bottom: 0.15rem;
	}
	#main h3.ttl_sub_com{
		margin-bottom: 0.15rem;
	}
	.ttl_sub_com span{
		font-size: 0.17rem;
	}
	.txt_common{
		font-size: 0.24rem;
	}
	.txt_sm_common{
		font-size: 0.17rem;
	}
	.txt_sm_common span,
	.txt_sm_common a{
		font-size: 0.17rem;
	}
	.mb_50{
		margin-bottom: 0.60rem;
	}
	.mb_30{
		margin-bottom: 0.60rem;
	}
	.mb_20{
		margin-bottom: 0.20rem;
	}
	#main p.mb_20{
		margin-bottom: 0.20rem;
	}

	/*MV Section*/
	.mv_sec{
		max-width: 100%;
		margin: 0.20rem auto 0.7rem;
	}
	.img_logo{
		width: 2.06rem;
		margin: 0 auto 0.20rem;
	}
	.img_logo.img_liona{
		width: 3.30rem;
	}
	.img_logo.img_coffee-soup{
		width: 1.38rem;
	}
	.img_logo.img_maggi_soupbar{
		width: 1.36rem;
	}
	/*end of MV Section*/

	/*Link Sec*/
	.link_sec a{
		font-size: 0.3rem;
		padding: 0.20rem 0;
		width: 100%;
	}
	/*end of Link Sec*/

	/*Information*/
	.information_sec{
		margin-bottom: 1.50rem;
	}
	.ttl_info{
		padding: 0.10rem 0.20rem;
		text-align: left;
	}
	.ttl_info::after{
		width: 0.45rem;
		height: 0.45rem;
		margin-left: 0.15rem;
	}
	.info_content{
		padding-bottom: 0.50rem;
	}
	.plan_info_sec{
		margin-bottom: 1rem;
	}
	.plan_info_sec .txt_common{
		margin-bottom: 0.40rem;
	}
	.plan_info_sec .img_machine{
		width: 100%;
	}
	.txt_point{
		font-size: 0.30rem;
		border: 0.02rem solid #000;
		padding: 0.30rem 0.20rem;
	}
	/*end of Information*/
	
	/*Youtube*/
	.youtube_sec{
		width: 6.40rem;
		height: 3.85rem;
	}
	/*end of Youtube*/
	
	.maggi_service_sec .txt_common{
		font-size: 0.30rem;
	}
}
ul.cafe_menu_list {
    margin-bottom: 0;
}