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

/*======================================================

	PCサイズ（769px以上）ここから
	
======================================================*/

@media screen and (min-width:769px), print{
	
	#title{
		display: block;
		width: 1024px;
		height: auto;
		margin: 0 auto;
	}
	h3{
		text-align: left !important;
		margin-bottom: 0 !important;
	}
	h3 p{
		display: inline-block !important;
		font-size: 18px;
		font-weight: normal;
		padding: 2px 10px;
	}
	.cat{
		font-size: 15px !important;
		color: #FFFFFF;
		background-color: #54061A;
		margin: 0 5px 5px 0;
	}
	.state{
		font-size: 15px !important;
		color: #54061E;
		background-color: #EEEEEE;
	}
	
	.day{
		margin: 0 !important;
		padding-left: 8px;
	}
	.day .time{
		margin: 0 0 15px;
		font-size: 90%;
	}
	
	.others{
		margin-bottom: 20px;
	}

	
	dl.comment{
		display: flex;
		align-items: center;
		padding-left: 40px;
		margin-bottom: 25px !important;
	}
	dl.comment dt{
		width: 200px;
		height: 200px;
		border-radius: 100px;
		background-image: url("../images/donguri.jpg");
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center;
	}
	dl.comment dd{
		padding: 8px 30px
	}
	dl.comment dd p + p{
		margin-top: 12px;
	}
	
	#caution{
		margin-top: 30px;
	}
	#caution ul{
		list-style-type: none !important;
	}
	
	
}
/*======================================================

	SPサイズ（768px以下）ここから
	
======================================================*/

@media screen and (max-width: 768px) {
	
	#title{
		display: block;
		width: calc(100vw - 8px - var(--scrollbar));
		min-width: 312px;
		height: auto;
		margin: 0 -16px 10px;
	}
	h3{
		text-align: left !important;
		margin-bottom: 0 !important;
	}
	h3 p{
		display: inline-block !important;
		font-size: 14px !important;
		font-weight: normal;
		padding: 2px 10px;
	}
	.cat{
		color: #FFFFFF;
		background-color: #54061A;
	}
	.state{
		color: #54061E;
		background-color: #EEEEEE;
	}
	
	.day{
		margin: 0 0 20px !important;
		line-height: 1.3 !important;
	}
	.day .time{
		margin: 3px 0 15px;
		font-size: 90%;
	}
	
	dl.comment{
		display: flex;
		flex-direction: column;
		align-items: center;
		margin-bottom: 25px !important;
	}
	dl.comment dt{
		order: 2;
		width: 200px;
		height: 200px;
		border-radius: 100px;
		background-image: url("../images/donguri.jpg");
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center;
	}
	dl.comment dd{
		order: 1;
		margin-bottom: 15px;
	}
	dl.comment dd p + p{
		margin-top: 18px;
	}
	#caution{
		margin-top: 30px;
	}
	#caution ul{
		list-style-type: none !important;
		text-indent: -1em !important;
	}
	#caution ul li{
		margin: 8px 0;
	}
	
	
}