@charset "utf-8";

/*-----------------------------------------------------
Content
-------------------------------------------------------*/
#Content{
}
#Main section{
	margin: 0 0 35px;
}
#Main section h3{
	font-weight: 600;
	font-family: 'Noto Sans Japanese';
	text-align: center;
	line-height: 1;
}

/*-------------------------------------
lead
---------------------------------------*/
#Main section.lead{
	border: 1px solid #363636;
}
#Main section.lead div.lead-inline{
	padding: 35px 32px;
	border:3px solid #fff;
	background: #e4ecf2;
}
#Main section.lead div.lead-inline h3{
	margin: 0 0 30px;
	padding: 0 0 35px;
	border-bottom: 1px solid #363636;
}
#Main section.lead div.lead-inline h3 img{
	width: 525px;
	height: auto;
}
#Main section.lead div.lead-inline p{
	font-size: 133%;
	line-height: 200%;
	text-align: justify;
}
#Main section.lead div.lead-inline p strong{
	display: block;
	margin: 25px 0 0;
	color: #51789b;
	font-size: 125%;
	line-height: 180%;
}

/*-------------------------------------
guide
---------------------------------------*/
#Main section.guide{
	padding: 35px 34px;
	border: 1px solid #363636;
}
#Main section.guide h3{
	margin: 0 0 35px;
	padding: 0 0 35px;
	color: #51789b;
	font-size: 216%;
	border-bottom: 1px solid #363636;
}
#Main section.guide div.block{
	overflow: hidden;
	margin: 0 0 25px;
	padding: 0 0 25px;
	font-size: 116%;
	border-bottom: 1px solid #dcdcdc;
}
#Main section.guide div.block.last{
	margin: 0;
	padding: 0;
	border: none;
}
#Main section.guide div.block div.block-inline{
	overflow: hidden;
	text-align: justify;
}
#Main section.guide div.block div.block-inline p{
	line-height: 185%;
}

#Main section.guide div.block a{
	font-size: 86%;
}
#Main section.guide div.block a:hover{

}

#Main section.guide div.block h4{
	width: 220px;
	float: left;
	margin: 0 25px 0 0;
	padding: 13px 0;
	color: #fff;
	font-size: 114%;
	font-weight: 300;
	font-family: 'Noto Sans Japanese';
	line-height: 1;
	text-align: center;
	background: #f0517b;
}

#Main section.guide div.block .ico{
	width: 11px;
	margin: 0 5px 0 0;
	opacity: 0.34;
	--ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=34)';
}
#Main section.guide div.block .ico img{
	margin: 6px 0 0 0;
}

#Main section.guide div.block h4 .ico{
	width: 12px;
	margin: 0 0 0 6px;
	vertical-align: middle;
	opacity: 1;
	--ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
}
#Main section.guide div.block h4 .ico img{margin-top: 0;}

#Main section.guide div.block h4.buy{
	color: #fff;
	border: 1px solid #fff;
	background: #f0517b;
}
#Main section.guide div.block h4.global{
	color: #f0517b;
	border: 1px solid #f0517b;
	background: #fff;
}
#Main section.guide div.block h4.off{
	color: #fff;
	border: none;
	background: #bebebe;
}

#Main section.guide div.block ul{
	overflow: hidden;
	margin: 25px 0 0;
}
#Main section.guide div.block ul li{
	width: 142px;
	float: left;
	margin: 0 0 0 6px;
	padding: 10px;
	font-size: 86%;
	background: #e4ecf2;
	text-align: justify;
}
#Main section.guide div.block ul li span{
	display: block;
}
#Main section.guide div.block ul li:first-child{
	width: 144px;
	margin: 0;
}
#Main section.guide div.block ul li strong,
#Main section.guide div.block ul li img{
	display: block;
	text-align: center;
	color: #51789b;
}
#Main section.guide div.block ul li strong{
	font-size: 133%;
	margin: 0 0 10px 0;
	padding: 0 0 44px;
	background-position: 50% 100%;
	background-repeat: no-repeat;
}

#Main section.guide div.block ul li.guide01 strong{background-image: url(http://www.sukiyaki-jp.com/about/images/dt/ico_guide01.png);}
#Main section.guide div.block ul li.guide02 strong{background-image: url(http://www.sukiyaki-jp.com/about/images/dt/ico_guide02.png);}
#Main section.guide div.block ul li.guide03 strong{background-image: url(http://www.sukiyaki-jp.com/about/images/dt/ico_guide03.png);}
#Main section.guide div.block ul li.guide04 strong{background-image: url(http://www.sukiyaki-jp.com/about/images/dt/ico_guide04.png);}

/*-------------------------------------
attention
---------------------------------------*/
#Main section.attention dl{
	overflow: hidden;
	padding: 8px 35px;
}
#Main section.attention dl dt{
	width: 66px;
	height: 24px;
	margin-top: 0;
	padding: 10px 0 10px 24px;
	float: left;
	clear: both;
	border-bottom: 1px solid #dcdcdc;

}
#Main section.attention dl dd{
	height: 24px;
	margin: 0 0 0 90px;
	padding: 10px 0;
	border-bottom: 1px solid #dcdcdc;
	line-height: 200%;
}


#Main section.attention dl dt:last-of-type,
#Main section.attention dl dd:last-of-type{
	border-bottom: none;
}

#Main section.attention dl dd a{
	color: #363636;
	text-decoration: none;
}
#Main section.attention dl dd:first-of-type a{
	color: #51789b;
	text-decoration: underline;
}
#Main section.attention dl dd:first-of-type a:hover{
	text-decoration: none;
}
#Main section.attention dl dd .ico{
	display:none;
}

#Main section.attention dl dt.contact01{background-image: url(http://www.sukiyaki-jp.com/about/images/dt/ico_contact01.png);}
#Main section.attention dl dt.contact02{background-image: url(http://www.sukiyaki-jp.com/about/images/dt/ico_contact02.png);}
#Main section.attention dl dt.contact03{background-image: url(http://www.sukiyaki-jp.com/about/images/dt/ico_contact03.png);}


/*-------------------------------------
Side
---------------------------------------*/
#Side ul.link li:first-of-type a{
	background: #e4ecf2;
	text-decoration: none;
}
#Side ul.link li:first-of-type a .ico{
	opacity: 1;
	--ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
}