@charset "utf-8";

/*=================================================
	file name: programming.css
	create: 2017.Nov
	updated: 2017.11.22
===================================================*/

@media screen and (min-width: 768px) {

	/* clear */
	.clear:after {
		content: "."; 
		display: block; 
		height: 0; 
		clear: both; 
		visibility: hidden;
	}
	/* target */
	#premium .target {
		margin: 0;
		text-align: center;
	}
	#premium .target dt,
	#premium .target dd {
		display: inline-block;
		padding: .5em 20px .3em;
		font-size: 20px;
		font-weight: 400;
	}
	#premium .target dt {
		color: #fff;
		background: #0b318f;
	}
	#premium .target dd small {
		font-size: 80%;
	}
	/* panel-flow */
	#daily .panel-flow {
		margin: 0;
		padding:0 0 40px 30px;
		background: url(/chugaku/merit/local/images/premium/spot_premium-arrow.png) 20px 105% no-repeat;
		border-left: none;
	}
	/* exam */
	#premium .exam {
		margin: 0 0 4em;
	}
	#premium .exam .content-inner {
		padding: 10px 40px 15px;
	}
	#premium .exam figure {
		float: left;
		width: 38.2%;
		background: red;
	}
	#premium .exam .panel h4 {
		margin: 0 0 1.5em;
		font-size: 20px;
		line-height: 1.4;
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 700;
		color: #000;
	}
	#premium .exam .item {
		float: right; 
		width: 59.6%;
	}
	/* with-balloon */
	#premium .with-balloon:before {
		border-top-color:#0b318f;
	}
	#premium .with-balloon {
		border-color: #0b318f;
		color: #0b318f;
	}
	/* stepup */
	#premium .stepup .content-inner {
		padding: 0 40px;
	}
	#premium .stepup figure,
	#premium .stepup .slick-slider {
		margin: .5em auto 0;
		width: 500px;
		height: auto;
	}
	#premium .stepup .slick-slider {
		margin: 1.78em auto 40px;
	}
	#premium .stepup .slick-slider figure {
		margin: 0;
	}
	/* madetoorder */
	#premium .madetoorder .content-inner {
		padding: 0 40px;
	}
	#premium .madetoorder figure {
		margin: .5em auto 0;
		width: 500px;
		height: auto;
	}

}

@media screen and (max-width: 767px) {

	/* target */
	#premium .target {
		margin: 0;
		text-align: center;
	}
	#premium .target dt,
	#premium .target dd {
		display: inline-block;
		padding: .5em 5px .3em;
		font-weight: 400;
		vertical-align: middle;
	}
	#premium .target dt {
		font-size: 12px;
		color: #fff;
		background: #0b318f;
	}
	#premium .target dd {
		font-size: 15px;
		margin: 0 5px;
	}
	#premium .target dd small {
		font-size: 65%;
	}
	/* panel-flow */
	#daily .panel-flow {
		margin: 0;
		padding-left:10px;
		background: url(/chugaku/merit/local/images/premium/spot_premium-arrow.png) 0px 110% no-repeat;
		border-left: none;
		border-left-color: none;
	}
	/* exam */
	#premium .content.exam {
		margin: -2.5em 0 1.07em;
	}
	#premium .exam .panel {
		margin: 1em auto 2.85em;
	}
	#premium .exam .panel h4 {
		font-size: 18px;
		line-height: 1.4;
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 700;
		color: #000;
	}
	/* with-balloon */
	/*#premium .with-balloon:before {
		border-top-color:#0b318f;
	}
	#premium .with-balloon {
		border-color: #0b318f;
		color: #0b318f;
	}*/
	#premium .stepup .section-heading,
	#premium .madetoorder h3.section-heading {
		border-color: #0b318f;
		color: #0b318f;
    	margin-bottom: 1.0em;
	}
	#daily .section-heading {
		margin-top: 3.2em;
	}
	
	
	/* stepup */
	#premium .stepup .content-heading {
		text-align: center;
	}
	#premium .stepup .slick-slider {
		margin: -0.5em 0 10px;
	}
	/* madetoorder */
	/*#premium .madetoorder .content {
		margin:  0;
	}*/


}