@charset "utf-8";

/* スマートフォン 横(ランドスケープ) */
@media only screen and (max-width:840px){
.lpOlage a{
	display:none;
}
.day_btn1 a,
.day_btn2 a{
	display:block;
	text-align:center;
	padding:8px 0;
}
.seminar_flexbox{
	margin-bottom:30px;
}
.lastBtn{
	width:280px!important;
	font-size:15px!important;	
	padding:10px!important;
}
	.course_header h1{
		font-size:18px;
		background:none;
		padding-left:0;
		margin-bottom:5px;
		text-align:center;
		line-height:30px;
	}
	.course_header h1 span{
		font-size:13px;
	}
	.course_header p{
		font-size:13px;
		line-height:21px;
	}
	.course_header p br{
		display:none;
	}
	.course_header .inner{
		width:84%!important;
		padding:20px 4%;
	}	
	.course_header .inner a.btn{
		font-size:15px;
		width:280px;
		margin:10px auto 0;
		padding:10px 0;
	}
	.course_boxA_footer .course_price{
		font-size:15px;
		line-height:21px;
	}
	.course_boxA_footer .course_price strong{
		font-size:17px;	
		line-height:21px;
	}
	.course_boxA_footer .course_price span{
		font-size:13px!important;
		line-height:18px!important;
		font-weight:normal;
	}
	.parenthesis img{
		width:92%;
		height:auto;
	}
	.courseMaster{
		width:100%;
		float:none;
	}
	.coursePlg{
		width:100%;
		float:none;
	}
	.semiBlock{
		width:92%;
	}
	.semiListBlock{
		width:92%;
		padding:15px 4%;
	}
	.semiListBlock img{
		display:none;
	}
	.semiBlock a.btn,
	.course__howto a.btn{
		width:280px!important;
		font-size:16px!important;
		padding:10px 0!important;
	}
	.course__voice .voice_balloon{
		height:auto;
	}
	li.semiTagSp{
		width:14%;
		border:1px solid #cccccc;
		display:inline-block;
		margin-bottom:10px;
	}
	li.semiTagSp.on{
		background:#e09126;
		color:#ffffff;
		border:1px solid #e09126;
	}
	.spSemiList{
		display:block!important;
		text-align:center;
	}
	.semiList{
		display:none;
	}
	.coursePlg p, .courseMaster p{
		font-size:14px;
		line-height:21px;
	}
	.coursePlg p strong, .courseMaster p strong{
		font-size:15px;
		color:#e09126;
	}
	.semiListBlock h2{
		font-size:14px!important;
		padding:10px!important;
	}
	.semiListBlock-inBlock{
		width:100%!important;
	}
	.swiper-button-prev,
	.swiper-button-next{
		width:30px;
		height:30px;
	}
	.swiper-button-next, .swiper-button-prev{
		background-size:15px 15px;
	}
	.course__voice dl{
		padding:10%;
	}
	.courseBlock a{
		padding:20px 10px;
		font-size:15px;
	}

	#itempage table.item_option {
		border:none;
	}
	#itempage table.item_option th,
	#itempage table.item_option td{
		width:100%;
		display:block;
		box-sizing:border-box;
		border:1px solid #cccccc;
		padding:10px;
	}
	#itempage .iopt_radio_label{
		width:auto;
	}
	.scheduleListTable{
		width:100%;
	}
	.scheduleListTable table td{
		padding:5px!imortant;
		font-size:13px;
		padding-left: 5px !important;
	}
	.scheduleListTable table th{
		padding:5px!imortant;
		font-size:13px;
	}
	.scheduleListTable table .skubutton{
		font-size:11px;
	}
	
	ul.bxslider01 li {/*メインスライダー*/
    display:block;
    width:100%;
    height:auto;
}
	}

@media only screen and (max-width:580px){
div.controlWrap p#PrevIcon a{/*矢印画像（前へ）*/
    display:block;
    width:13px;
    height:19px;
    position:absolute;
    background: url(/js/bxslider/images/nav_prev.png) left center no-repeat;
    color:#fff;
    top:20px;
    left:-10px;
    text-indent:-9999px;
}
 
div.controlWrap p#NextIcon a{/*矢印画像（次へ）*/
    display:block;
    width:13px;
    height:19px;
    position:absolute;
    background: url(/js/bxslider/images/nav_next.png) left center no-repeat;
    color:#fff;
    top:20px;
    right:-10px;
    text-indent:-9999px;
}
iframe{
	width:100%;
	height:auto;
}
}

@media only screen and (max-width:480px){
div.controlWrap {
    width:100%;
    display:block;
    position:relative;
    margin:0 auto;
    margin-top: 10px;
}
	ul.bxslider02 li a {/*サムネイル*/
    display:block;
    width:70px;
    height:30px;
}
 
	ul.bxslider02 li a img{/*サムネイルの画像*/
    display:block;
    width:70px;
    height:auto;
}

div.controlWrap p#PrevIcon a{/*矢印画像（前へ）*/
    display:block;
    width:13px;
    height:19px;
    position:absolute;
    background: url(/js/bxslider/images/nav_prev.png) left center no-repeat;
    color:#fff;
    top:5px;
    left:-15px;
    text-indent:-9999px;
}
 
div.controlWrap p#NextIcon a{/*矢印画像（次へ）*/
    display:block;
    width:13px;
    height:19px;
    position:absolute;
    background: url(/js/bxslider/images/nav_next.png) left center no-repeat;
    color:#fff;
    top:5px;
    right:-15px;
    text-indent:-9999px;
}

}