/* CSS Document */

#relaxation{}
	#relaxation .flex{}
		#relaxation .flex div+div{
			margin-top: 0;
			}
	#relaxation .thumb{
		padding-top: 66.66%;
		}

#premium10{
	border: 3px solid rgba(102,77,15,0.1);
	background: linear-gradient(to right, rgba(195,180,131,0.2) 0%,rgba(220,214,178,0.2) 50%,rgba(195,180,131,0.2) 100%);
	color: #735B08;
	}
	#premium10 h3{
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		}
		#premium10 h3:before,
		#premium10 h3:after{
			content: "";
			width: 0.6em;
			border-top: 2px solid rgba(102,77,15,0.5);
			}
		#premium10 h3:before{
			margin-right: 0.3em;
			}
		#premium10 h3:after{
			margin-left: 0.3em;
			}
		#premium10 h3 small{
			font-size: 0.6em;
			margin-right: 0.5em;
			}
	#premium10 dl{
		background: #fff;
		}
	#premium10 dt{
		padding: 1em;
		background: linear-gradient(to bottom, rgba(90,25,29,0.8) 0%,rgba(63,26,29,0.8) 100%);
		color: #fff;
		font-weight: bold;
		text-align: center;
		line-height: 1em;
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6c191d', endColorstr='#3f1a1d',GradientType=0 );
		}
	#premium10 dd{
		padding: 1em;
		}


/* for mobile */
@media (max-width: 767px) {
/*767px以下*/
#relaxation{}
	#relaxation figure{
		margin-top: 1em;
		}
#premium10{
	padding: 1em;
	}
	#premium10 figure{
		margin-top: 0;
		}
}
@media (max-width: 767px) and (orientation:portrait) {
/*767px以下 縦向き*/
#premium10{}
	#premium10 h3{
		justify-content: center;
		}
	#premium10 h4{
		font-size: 1em;
		}
	#premium10 dt{
		padding: 1em 0;
		}
}
@media (max-width: 767px) and (orientation:landscape) {
/*767px以下 横向き*/
#premium10{}
	#premium10 > div+div{
		margin-left: 1em;
		}
}


/* for tablet */
@media (min-width: 768px) {
/*768px以上*/
#relaxation{}
	#relaxation figure{
		margin-top: 2em;
		}
#premium10{
	padding: 1.5em;
	}
	#premium10 h4+div{}
		#premium10 h4+div p{
			line-height: 2em;
			}
	#premium10 figure{
		margin-top: 0;
		}
}
@media (min-width: 768px) and (max-width: 991px) {
/*768px～991px*/
#premium10{}
	#premium10 dd{
		padding: 1em;
		}
}
@media (max-width: 991px) {
/*991px以下*/
#relaxation{}
	#relaxation .flex{}
		#relaxation .flex > div{
			width: calc(50% - 0.5em);
			}
		#relaxation .flex > div:nth-of-type(n+3){
			margin-top: 1em;
			}
#premium10{}
	#premium10 .flex{}
		#premium10 .flex > figure{
			width: calc(50% - 0.5em);
			}
}


/* for PC */
@media (min-width: 992px) {
/*992px以上*/
#relaxation{}
	#relaxation .flex{}
		#relaxation .flex > div{
			width: calc(25% - 0.75em);
			}
#premium10{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	}
	#premium10 .flex{
		margin-top: 0;
		}
		#premium10 .flex div{
			width: calc(50% - 0.5em);
			}
		#premium10 .flex figure{
			width: calc(50% - 0.5em);
			}
}
@media (min-width: 992px) and (max-width: 1199px) {
/*992px～1200px*/
#premium10{}
	#premium10 > div,
	#premium10 > figure{
		width: calc(50% - 0.75em);
		}
}
@media (min-width: 1200px) {
/*1200px以上*/
#premium10{}
	#premium10 > div:nth-of-type(1){
		width: 55%;
		}
	#premium10 > div:nth-of-type(2){
		width: calc(45% - 1.5em);
		}
}


/* ie */
@media all and (-ms-high-contrast: none){}