/*----------------------------------------------------
** WEB COMBO / comboblock.css
** Ver.1.0.0
** copyright 2020 GRANTEST Inc.
**----------------------------------------------------
** Common settings
**----------------------------------------------------*/
.comboblock .contentstitle{
	font-size:1.4rem;
	padding-bottom:1em;
}
.comboblock .text{
	padding-right:1em;
	padding-left:1em;
	line-height:2em;
}
.comboblock.bt_01{
	overflow:hidden;
	border-radius:10px;
}
.comboblock.bt_01 .contentstitle{
	margin-top:1em;
	border-bottom:dotted 1px #dbdbdb;
}


.comboblock.imgcombo{
	display:flex;
	overflow:hidden;
}
.comboblock.imgcombo img{
	width:100%;
}
.comboblock.imgcombo.type_01{
	background-color:#fff;
	border-radius:10px;
}
.comboblock.imgcombo.type_01 .contentstitle{
	border-bottom:solid 1px #dbdbdb;
}
.comboblock.imgcombo.type_01 > dl > dd{
	padding-top:1em;
	padding-bottom:1em;
}
.comboblock .combobtnwrap{
	width:max-content;
	display:table;
	margin:0 auto;
	overflow:hidden;
}
.comboblock .combobtnwrap .combobtn{
	margin-bottom:1em;
	width:initial;
	display:block;
	border-radius:0.25em;
	border:none;
	font-size:1.2rem;
	height:2em;
}
.comboblock .combobtnwrap .combobtn:last-child{
	margin-bottom:0;
}
.comboblock .combobtnwrap .combobtn.light{
	background-color:#DDD;
}
.comboblock .combobtnwrap .combobtn.dark{
	background-color:#000;
}
.comboblock .combobtn > *,
.comboblock.combobtn > *{
	display:block;
	border-radius:0.25em;
	border:none;
	font-size:1.2rem;
	line-height:2em;
	padding:0 2em 0 1em;
	background-position:right 0.4em center;
	background-repeat:no-repeat;
	background-size:1.2em 1.2em;
}
.comboblock .combobtn.light > *,
.comboblock.combobtn.light > *{
	background-color:rgba(255,255,255,0);
	color:#000;
}
.comboblock .combobtn.dark > *,
.comboblock.combobtn.dark > *{
	background-color:rgba(0,0,0,0);
	color:#fff;
}
.comboblock .combobtn.light.arrow_01 > *,
.comboblock.combobtn.light.arrow_01 > *{
	background-image: url('data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M16%200c-8.836%200-16%207.164-16%2016s7.164%2016%2016%2016c8.835%200%2015.998-7.164%2016-16-0.002-8.836-7.165-16-16-16zM16%2030.4c-7.67%200-13.94-6.032-14.359-13.6h21.478l-7.684%207.685c-0.313%200.313-0.313%200.819%200%201.132%200.156%200.156%200.361%200.235%200.565%200.235s0.41-0.078%200.565-0.235l9.616-9.617-9.616-9.617c-0.313-0.313-0.819-0.313-1.132%200s-0.313%200.819%200%201.132l7.684%207.685h-21.477c0.419-7.568%206.689-13.6%2014.359-13.6%207.938%200%2014.398%206.461%2014.4%2014.4-0.002%207.939-6.462%2014.4-14.4%2014.4z%22%20%2F%3E%3C%2Fsvg%3E');
}
.comboblock .combobtn.dark.arrow_01 > *,
.comboblock.combobtn.dark.arrow_01 > *{
	background-image: url('data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M16%200c-8.836%200-16%207.164-16%2016s7.164%2016%2016%2016c8.835%200%2015.998-7.164%2016-16-0.002-8.836-7.165-16-16-16zM16%2030.4c-7.67%200-13.94-6.032-14.359-13.6h21.478l-7.684%207.685c-0.313%200.313-0.313%200.819%200%201.132%200.156%200.156%200.361%200.235%200.565%200.235s0.41-0.078%200.565-0.235l9.616-9.617-9.616-9.617c-0.313-0.313-0.819-0.313-1.132%200s-0.313%200.819%200%201.132l7.684%207.685h-21.477c0.419-7.568%206.689-13.6%2014.359-13.6%207.938%200%2014.398%206.461%2014.4%2014.4-0.002%207.939-6.462%2014.4-14.4%2014.4z%22%20%2F%3E%3C%2Fsvg%3E');
}
/*----------------------------------------------------
** Retina Display
**----------------------------------------------------*/
@media only screen and (-webkit-min-device-pixel-ratio:2), (min-resolution: 2dppx){
}
@media screen and (max-width:767px){
	.comboblock .contentstitle{
		text-align:center;
	}
	.comboblock.imgcombo.type_01{
		flex-direction:column;
	}
	.comboblock.imgcombo.type_01 > figure{
		order:1;
	}
	.comboblock.imgcombo.type_01 > dl.text{
		order:2;
	}
}
@media screen and (min-width:768px) and (max-width:1099px){
	.comboblock.imgcombo.type_01 > figure{
		width:50%;
		display:flex;
		align-items:center;
	}
	.comboblock.imgcombo.type_01 > dl.text{
		width:50%;
	}
	.comboblock.imgcombo.type_01 .contentstitle{
		padding-top:0.5em;
		padding-bottom:0.5em;
	}
}
@media (orientation: landscape) and (max-width:568px){
}
@media (orientation: landscape) and (min-width:569px) and (max-width:724px){
	.comboblock.imgcombo.type_01{
		flex-direction:row;
	}
	.comboblock.imgcombo.type_01 > figure{
		width:50%;
		display:flex;
		align-items:center;
	}
	.comboblock.imgcombo.type_01 > dl.text{
		width:50%;
	}
	.comboblock.imgcombo.type_01 .contentstitle{
		padding-top:0.5em;
		padding-bottom:0.5em;
	}
}
@media (orientation: landscape) and (min-width:725px) and (max-width:1099px){
}
@media screen and (min-width:1100px){
	.comboblock.imgcombo.type_01 > figure{
		width:50%;
		display:flex;
		align-items:center;
	}
	.comboblock.imgcombo.type_01 > dl.text{
		width:50%;
	}
	.comboblock.imgcombo.type_01 .contentstitle{
		padding-top:0.5em;
		padding-bottom:0.5em;
	}
}