/* パソコン用のCSS */
@media(min-width:751px){

	.f-item03 {
		align-self:stretch;
	}
	
	#comment {
		margin-top:20px;
		padding-top:20px;
		margin:auto;
		margin-bottom:20px;
		width:1200px;
		height:auto;
		font-size:13px;
		line-height:2;
	}
	
	h5 {
		margin-top:-5px;
		margin-bottom:0px;
		font-size:24px;
		font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
		font-weight:bold;
		color:#FF0066;
		background-color:#FFFF99;
		text-align:center;
	}
	
	.chapter {
		margin:0 auto;
		width:80%;
	}
	
	h6.subheading1 {
		font-size:20px;
		color:#0066FF;
		margin-top:5px;
		margin-bottom:0px;
	}
	
	h6.subheading2 {
		font-size:20px;
		color:#FF00FF;
		margin-top:5px;
		margin-bottom:0px;
	}
	
	.thicker {
		font-size:15px;
		font-weight:600;
		color:#FF0000;
	}
	
	.friend1 {
		margin:0 auto;
		width:1200px;
		height:auto;
		display:flex;
		flex-wrap:wrap;
		justify-content:space-between;
		padding-top:5px;
	
	}
	
	h7.for-pc {
		display:block;
		margin-top:20px;
		margin-bottom:0px;
		font-size:18px;
		color:#CC33FF;
		text-align:center;
		background-color:#FFCCFF;
	}
	
	h7.for-sp {
		display:none;
	}	
	
	.friend2 {
		width:400px;
		height:auto;
	}
	
	table.friend3 {
		width:400px;
		height:auto;
		border:none;
		border-collapse:collapse;
		border-spacing:0;
	
	}
	
	td.friend4 {
		width:400px;
		height:auto;
		text-align:center;
	}
	
	img.friend5 {
		width:380px;
		height:262px;
	}
	
	td.friend6 {
		font-size:15px;
		line-height:1.6em;
		padding-left:10px;
		padding-right:10px;
		padding-bottom:20px;
	}
	
	p.for-pc {
		font-size:16px;
		color:#FF0099;
		text-align:center;
	}
	
	p.for-sp {
		display:none;
	}

}

/* スマホ用のCSS */
@media(max-width:750px){

	.f-item03 {
		align-self:stretch;
	}
	
	#comment {
		margin-top:10px;
		padding-top:10px;
		margin:auto;
		width:100%;
		height:auto;
		font-size:15px;
		line-height:2;
	}
	
	h5 {
		margin-top:-2px;
		margin-bottom:0px;
		padding-left:16px;
		padding-right:15px;
		font-size:22px;
		font-weight:bold;
		color:#FF0066;
		background-color:#FFFF99;
		text-align:left;
	}
	
	.chapter {
		margin:0 auto;
		width:80%;
	}
	
	h6.subheading1 {
		font-size:16px;
		color:#0066FF;
		margin-top:5px;
		margin-bottom:0px;
	}
	
	h6.subheading2 {
		font-size:16px;
		color:#FF00FF;
		margin-top:5px;
		margin-bottom:0px;
	}
	
	.thicker {
		font-size:14px;
		font-weight:600;
		color:#FF0000;
	}
	
	.friend1 {
		margin:0 auto;
		width:100%;
		height:auto;
		display:flex;
		flex-direction:column;
		align-items:center;
		flex-wrap:wrap;
		padding-top:5px;	
	}
	
	h7.for-pc {
		display:none;
	}
	
	h7.for-sp {
		display:block;
		margin-top:15px;
		margin-bottom:0px;
		font-size:16px;
		color:#33CC00;
		text-align:center;
	}	
	
	.friend2 {
		width:100%;
		height:auto;
	}
	
	table.friend3 {
		width:100%;
		height:auto;
		border:none;
		border-collapse:collapse;
		border-spacing:0;	
	}
	
	td.friend4 {
		width:100%;
		height:auto;
		text-align:center;
	}
	
	img.friend5 {
		width:100%;
		height:auto;
	}
	
	td.friend6 {
		font-size:15px;
		line-height:1.6em;
		padding-left:10px;
		padding-right:10px;
		padding-bottom:20px;
	}
	
	p.for-pc {
		display:none;
	}
	
	p.for-sp {
		font-size:19px;
		color:#FF0099;
		text-align:left;
		padding-left:12px;
		padding-right:10px;
	}
}