/*=================================================
 * CSS for PC
 * ================================================= */


main .page_title{
	font-size: 20px;
	line-height: 20px;
}

#cnt{
	display: block;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}


/** pbox **/

.pbox{
	text-align: left;
}

.pbox:last-of-type{	margin-bottom: 0;}

.pbox_in{
	border-width: 1px;
	border-style: solid;
	padding: 20px;
}


/** prof_top **/

.prof_top{
	display: table;
	width: 100%;
	font-size: 0;
	line-height: 0;
}

.prof_top_l,
.prof_top_r{
	display: table-cell;
	vertical-align: top;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.prof_top_l{
	width: 435px;
	padding-right: 20px;
}

.prof_top_r{}


.prof_top_l .icon{
	display: inline-block;
	vertical-align: top;
	width: 380px;
	font-size: 13px;
	font-weight: normal;
	line-height: 25px;
	color: #fff;
	text-align: center;
	border-radius: 2px;
	position: absolute;
	z-index: 2;
	top: 510px;
	left: 25px;
}

/**	prof slider start **/

#sliderContainer{
	position: relative;
	font-size: 0;
	line-height: 0;
	padding: 10px;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

#flame{
	width: 390px;
	height: 520px;
	border-width: 2px;
	border-style: solid;
	position: relative;
	overflow: hidden;
}

ul#slider{
	margin-left: 0;
	width: 1950px;
	height: 520px;
	overflow: hidden;
	position: relative;
}

ul#slider li{
	float: left;
	width: 390px;
	position: absolute;
}

ul#slider li img{
	width: 390px;
	height: 520px;
}

ul#slideIcon{
	width: 390px;
	height: 0;
}

ul#slideIcon li{
	display: inline-block;
	width: 25px; /* no change */
	height: 50px; /* no change */
	position: absolute;
	font-size: 11px;
	line-height: 50px;
	text-align: center;
	cursor: pointer;
}

ul#slideIcon li#prev{
	left: 0;
	top: calc(50% - 25px);
	border-radius: 0 5px 5px 0;
}

ul#slideIcon li#next{
	right: 0;
	top: calc(50% - 25px);
	border-radius: 5px 0 0 5px;
}


/** name **/

.name_bg{
	margin: 0 0 20px 0;
	padding: 10px;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

.name{
	text-align: center;
	border-width: 1px;
	border-style: solid;
	padding: 0 0 15px 0;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

.name h2{
	font-size: 24px;
	font-weight: bold;
	line-height: 26px;
	padding: 11px 0 5px 0;
}
.name h2 br{	display: none;}
.name h2 em{
	display: block;
	padding: 3px 0 0 0;
	color: #fff !important;
}

.name h2 .icon{
	display: inline-block;
	vertical-align: top;
	vertical-align: middle;
	max-width: calc(100% - 34px);
	font-size: 12px;
	font-weight: normal;
	line-height: 14px;
	color: #fff;
	text-align: center;
	border-radius: 2px;
	margin-right: 5px;
	padding: 3px 10px;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}
.name h2 .icon2{	background: #964852;}

.name .sp6{
	display: inline-block;
	vertical-align: top;
	font-size: 14px;
	font-weight: bold;
	line-height: 25px;
	margin: 0 2px 0px 2px;
	padding: 0 10px;
	border-radius: 20px;
	color: #fff;
	background: #9b652c;
}

.name p{
	font-size: 13px;
	line-height: 25px;
	border-radius: 2px;
	margin: 0 15px;
}

.spbox{
	font-size: 0;
	line-height: 0;
	text-align: center;
	margin-bottom: 6px;
}
.spbox span{
	display: inline-block;
	vertical-align: top;
	font-size: 11px;
	font-weight: bold;
	line-height: 20px;
	margin: 0 2px 4px 2px;
	padding: 0 10px;
	border-radius: 10px;
	color: #ddd;
	background: #f5f5f5;
}
.spbox span.sp1{	color: #66c3b5; background: #dff7f3;}
.spbox span.sp2{	color: #f3aa4a; background: #fff1dd;}
.spbox span.sp3{	color: #ae69ef; background: #eedcff;}
.spbox span.sp4{	color: #db4690; background: #f7d7e7;}
.spbox span.sp5{	color: #5db133; background: #e6f3df;}

.pbt{
	font-size: 0;
	line-height: 0;
	text-align: center;
	padding: 10px 0 0 0;
}

.pbt .bt1{
	display: inline-block;
	vertical-align: top;
	width: auto;
	font-size: 18px;
	font-weight: bold;
	line-height: 45px;
	margin: 0 5px;
	padding: 0 20px 0 20px;
	border-radius: 22.5px;
}

.pbt .twit_bt{	background: #000;}
.pbt .komi_bt{	background: #b57678;}
.pbt span.komi_bt{
	color: #999;
	background: #ccc;
}

.pbt .komi_bt i{
	display: inline-block;
	vertical-align: middle;
	font-size: 26px;
	font-style: normal;
	line-height: 26px;
	margin: 0 3px 0 0;
}

.pbt span.bt:hover{
	opacity: 1;
	filter: alpha(opacity=100);
}

.pbt .twit_bt > em{
	display: inline-block;
	padding: 0 0 0 50px;
	background: url(./img/tw.png) no-repeat 0 0;
}
.pbt a.komi_bt > em{	color: #6d2a33;}


/** data **/

#data_bg{	margin-bottom: 20px;}
#data{}

#data dl{
	display: flex;
	align-items: stretch;
	width: 100%;
	border-left: 1px solid #ddd;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}
#data dl:first-of-type{
	border-top: 1px solid #ddd;
}

#data dt{
	display: inline-flex;
	align-items: center;
	align-content: center;
	justify-content: flex-start;
	width: 150px;
    font-family: "Rounded Mplus 1c";
	font-size: 14px;
	line-height: 18px;
	text-align: left;
	color: #ac8b3c;
	background: #fffbf2;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
	padding: 8px;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}
#data dd{
	width: calc(100% - 150px);
	display: inline-flex;
	flex-wrap: wrap;
	align-items: center;
	align-content: center;
	justify-content: flex-start;
	padding: 8px;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}
#data dd.spbox{	margin: 0; padding: 8px;}
#data dd.spbox span{	margin: 2px 4px 2px 0;}

#data .a1{	color: #964851; background: #ffd4da;}

#data .c1{	color: #6d2a33; background: #cae2de;}
#data .c2{	color: #6d2a33; background: #f2ddaf;}
#data .c3{	color: #6d2a33; background: #d2e0ed;}
#data .c4{	color: #6d2a33; background: #d1d2e5;}
#data .c5{	color: #6d2a33; background: #e5c3c3;}
#data .c6{	color: #6d2a33; background: #f0c9dd;}

#data .b1{	color: #8b5aba; background: #e2d6ee;}

#data .d1{	color: #fff; background: #747cb5;}

#data .e1{	color: #4b8a2b; background: #dbead3;}

#data dd.tibox{	margin: 0; padding: 8px;}
#data dd.tibox span{	margin: 2px 4px 2px 0;}
#data dd.tibox span img{	width: auto; height: 15px;}


/** op **/

.op_bg{
	margin: 0 0 20px 0;
	padding: 19px 18px 14px 18px;
}

.op{
	font-size: 0;
	line-height: 0;
	text-align: left;
}

.op li{
	display: inline-block;
	vertical-align: top;
	width: calc(100% / 4 - 4px);
	font-size: 13px;
	line-height: 22px;
	text-align: center;
	border-width: 1px;
	border-style: solid;
	border-radius: 3px;
	margin: 0 2px 5px 2px;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}
.op li.ng{
	color: rgba(120,120,120,0.6);
	border-color: rgba(120,120,120,0.0);
	background-color: rgba(120,120,120,0.5);
}


/** sche **/

.sche{
}

.sche ul{
	font-size: 0;
	line-height: 0;
}

.sche li{
	display: inline-block;
	vertical-align: top;
	width: calc(100% / 7);
	text-align: center;
	border-top-width: 1px;
	border-top-style: solid;
	border-left-width: 1px;
	border-left-style: solid;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}
.sche li:last-of-type{
	border-right-width: 1px;
	border-right-style: solid;
}

.sche .sche_th{
	font-size: 12px;
	line-height: 18px;
	padding: 6px 0;
}

.sche .sche_td{
	font-size: 13px;
	line-height: 14px;
}


/** profbox **/

.profbox{
	width: 100%;
	position: relative;
	padding: 5px 4px;
	border-bottom: 1px dotted #ddd;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}
.profbox:nth-of-type(2){	border-bottom: none;}
.profbox:only-child:after{
	display: none;
	content: '--';
	width: 100%;
	font-size: 12px;
	line-height: 40px;
	text-align: center;
	color: #ccc;
	position: absolute;
	bottom: -62px;
	left: 0;
}

.c_time{	margin: 0 0 2px 0;}

.c_time p{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	align-content: center;
	justify-content: center;
	height: 34px;
	font-size: 12px;
	font-weight: bold;
	line-height: 10px;
	color: #6d2a33;
	padding: 0 0 4px 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.c_area{	margin-bottom: 2px;}
.c_time div,
.c_area div{
	font-size: 10px;
	font-weight: bold;
	line-height: 14px;
	color: #fff;
	background: #c28b8d;
}
.c_time div.ss,
.c_area div.ss{
	font-weight: normal;
	color: #6d2a33;
	background: #fff;
	margin-top: 2px;
	box-shadow:0px 0px 0px 1px #c28b8d inset;
	-moz-box-shadow:0px 0px 0px 1px #c28b8d inset;
	-webkit-box-shadow:0px 0px 0px 1px #c28b8d inset;
}
.c_time div.ss_off,
.c_area div.ss_off{
	margin-top: 2px;
	font-weight: normal;
	color: rgba(0,0,0,0.15);
	background: rgba(0,0,0,0.05);
}

.c_course{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	font-size: 0;
	line-height: 0;
}
.c_course span{
	display: inline-flex;
	align-items: center;
	align-content: center;
	justify-content: center;
	width: calc(50% - 1px);
	height: 14px;
	font-size: 10px;
	line-height: 10px;
	margin-bottom: 2px;
	padding: 2px 0;
}
.c_course span:nth-of-type(odd){	margin-right: 1px;}
.c_course span:nth-of-type(even){	margin-left: 1px;}
.c_course span:nth-of-type(5),
.c_course span:nth-of-type(6){	margin-bottom: 0;}
.c_course span i{
	font-style: normal;
	display: none;
}


/** data **/

.data_bg{
	border-width: 1px;
	border-style: solid;
	padding: 30px 0 40px 40px;
}

.data{
}

.data_l{
	margin: 0 0 30px 0;
}

.data_l ul{
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	align-content: center;
}

.data_l li{
	display: inline-flex;
	flex-wrap: wrap;
	align-items: center;
	align-content: flex-start;
	width: 245px;
	margin: 0 20px 0 0;
	padding: 7px 0;
	border-bottom: 1px dotted #ddd;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

.data_l li p{
	width: 100%;
	font-size: 14px;
	line-height: 18px;
	text-align: left;
}

.data_r{
}

.data_r p{
	font-size: 14px;
	line-height: 26px;
	text-align: left;
}

.review_reg{
	font-size: 16px;
	line-height: 20px;
	margin-top: 10px;
}


/** diary **/

#diary_bg{}

#diary{
	font-size: 0;
	line-height: 0;
	text-align: left;
	margin-top: 20px;
	padding: 20px 0 20px 0;
	border-top-width: 1px;
	border-left-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
}

#diary_in{	padding: 0 10px;}

#diary .d_list{
	display: flex;
	align-items: flex-start;
	align-content: flex-start;
	justify-content: flex-start;
	width: 100%;
}

#diary .d_list .d_box{
	width: 190px;
	border-radius: 7px;
	margin: 0 10px;
}

#diary .d_list .d_box .date{
	font-size: 11px;
	line-height: 17px;
	text-align: left;
	padding: 5px 10px;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

#diary .d_list .d_box .img{
	display: block;
	height: 190px;
	overflow: hidden;
}

#diary .d_list .d_box .img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center top;
	border-radius: 0 !important;
}

#diary .d_list .d_box .profbox{
	width: 100%;
	margin: 0 !important;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

#diary .d_list .d_box .profbox_r{
	padding-left: 10px;
	padding-right: 10px;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}
#diary .d_list .d_box .profbox_r p{
	display: inline-block;
	max-width: 100%;
	font-size: 12px;
	line-height: 16px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
}

#diary .bt_bg{	padding: 20px 0 0 0;}
#diary .bt_bg a{
	display: inline-flex;
	align-items: center;
	align-content: center;
	justify-content: center;
	width: 330px;
	height: 70px;
	font-size: 18px;
	font-weight: bold;
	line-height: 20px;
	text-align: center;
	color: #6d2a33;
	padding: 2px 5px;
	border: 1px solid currentColor;
	border-radius: 2px;
	-webkit-transition	: 0.2s ease-in-out;
	-moz-transition	: 0.2s ease-in-out;
	-o-transition	: 0.2s ease-in-out;
	transition		: 0.2s ease-in-out;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}
#diary .bt_bg a:hover{
	text-decoration: none;
	opacity: 0.7;
	filter: alpha(opacity=70);
}


/*=================================================
 * CSS for SP
 * ================================================= */

@media screen and (max-width: 650px) {
	#prof{	width: auto;}

	/** pbox **/
	.pbox{
		margin: 0 0 10px 0;
		padding: 0;
		text-align: left;
		border-right: none;
		border-left: none;
	}
	.pbox_in{
		border-left: none;
		border-right: none;
		padding: 10px 0 0 0;
	}

	/** prof_top **/
	.prof_top,
	.prof_top_l,
	.prof_top_r{
		width: auto;
		display: block;
		padding: 0;
	}

	/**	prof slider start **/
	#sliderContainer{
		display: block;
		width: auto;
		height: auto;
		text-align: center;
		margin: 0;
		padding: 10px 0;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	#flame{
		position: static;
		width: 260px;
		height: 347px;
		margin: 0 auto;
	}
	ul#slider{
		width: 1000px;
		height: 347px;
	}
	ul#slider li{	width: 260px;}
	ul#slider li img{
		width: 260px;
		height: 347px;
	}
	ul#slideIcon{
		width: 100%;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
		        box-sizing: border-box;
	}
	ul#slideIcon li{
		display: inline-block;
		width: 20px; /* no change */
		height: 50px; /* no change */
		position: absolute;
		font-size: 11px;
		line-height: 50px;
		text-align: center;
		color: #fff;
		cursor: pointer;
	}

	/** name **/
	.name_bg{
		border-left: none;
		border-right: none;
		margin: 0 0 10px 0;
		padding: 5px 0;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
		        box-sizing: border-box;
	}
	.name{
		border-left: none;
		border-right: none;
		padding: 0 0 10px 0;
	}
	.name h2{
		font-size: 28px;
		line-height: 32px;
		padding: 10px 0 5px 0;
	}
	.name h2 br{	display: inline;}
	.name h2 em{
		display: block;
		padding: 0;
	}
	.name h2 .icon{
		max-width: calc(100% - 20px);
		font-size: 11px;
		line-height: 14px;
		margin: 0 2px 3px 2px;
		padding: 2px 5px;
	}
	.name p{
		font-size: 11px;
		line-height: 22px;
		margin: 0 10px;
	}
	.pbt{	padding: 10px 10px 0 10px;}
	.pbt .bt1{
		display: block;
		width: 100%;
		font-size: 15px;
		line-height: 40px;
		margin: 0;
		padding: 0 10px;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
		        box-sizing: border-box;
	}
	.pbt .twit_bt{	margin-bottom: 10px;}
	.pbt .twit_bt:last-of-type{	margin-bottom: 5px;}
	.pbt .twit_bt > em{
		display: inline-block;
		padding: 0 0 0 25px;
		background: url(./img/tw.png) no-repeat 0 50%;
		-webkit-background-size: 23px auto;
		background-size: 23px auto;
	}
	.pbt .komi_bt i{	font-size: 22px;}

	/** data **/
	#data_bg{	margin-bottom: 10px; padding: 0; border: none;}
	#data dt{
		width: 120px;
		font-size: 12px;
		line-height: 18px;
	}
	#data dd{
		width: calc(100% - 120px);
	}

	/** op **/
	.op_bg{
		margin: 0 0 10px 0;
		padding: 10px 8px 4px 8px;
	}
	.op li{
		width: calc(100% / 2 - 4px);
	}

	/** sche **/
	.sche{
		margin: 0 0 10px 0;
		padding: 0 0 0 0;
	}
	.sche ul{	padding: 0 10px;}
	.sche li{
		display: table;
		width: 100%;
		font-size: 0;
		line-height: 0;
		border-right-width: 1px;
		border-right-style: solid;
		margin: 0 0 -1px 0;
	}
	.sche li.bd_e:first-of-type{	border-top-color: #ddd; border-top-width: 1px;}
	.sche li.bd_e{border-top-color: #ddd; border-top-width: 3px;}
	.sche li:last-of-type{	width: 100%;}
	.sche li br{	display: none;}
	.sche .sche_th,
	.sche .sche_td{
		display: table-cell;
		vertical-align: middle;
		height: auto;
		font-size: 12px;
		line-height: 14px;
	}
	.sche .sche_th{
		width: 80px;
		padding: 0;
		border-bottom: none;
	}

	/** profbox **/
	.profbox{
		padding: 4px;
	}
	.profbox:last-of-type{	border-bottom: none;}
	.profbox:only-child:after{	display: none;}
	.c_time{	margin: 0 0 2px 0;}
	.c_area{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		margin: 0 0 2px 0;
	}
	.c_area div{
		display: inline-flex;
		justify-content: center;
		width: calc(50% - 1px);
		text-align: center;
	}
	.c_time p{
		display: block;
		height: auto;
		font-size: 11px;
		line-height: 14px;
		padding: 0 0 2px 0;
	}
	.c_course span{
		font-size: 10px;
		font-weight: bold;
		line-height: 10px;
		border-radius: 2px;
		padding: 2px 0;
	}
	.c_course span:nth-of-type(odd){	margin-right: 1px;}
	.c_course span:nth-of-type(even){	margin-left: 1px;}
	.profbox br{	display: none;}
	.c_course span i{	display: none;}

	/** data **/
	.data_bg{
		border-right: none;
		border-left: none;
		padding: 0;
	}
	.data,
	.data_l,
	.data_r{
		display: block;
		width: auto;
	}
	.data_l{
		margin: 0;
		padding: 5px 10px 0 10px;
	}
	.data_l ul{
		display: block;
	}
	.data_l li{
		display: block;
		width: auto;
		margin: 0;
	}
	.data_r{	padding: 10px;}
	.data_r p{
		font-size: 14px;
		line-height: 22px;
		text-align: left;
	}

	.review_reg{
		margin-top: 5px;
		text-align: center;
		padding: 5px 0;
	}

	/** diary **/
	#diary{
		margin-top: 10px;
		padding: 10px 0;
		border-left: none;
		border-right: none;
	}
	#diary_in{	padding: 0;}
	#diary .bt_bg{	padding: 10px 10px 0 10px;}
	#diary .d_list{
		display: flex;
		align-items: flex-start;
		align-content: flex-start;
		justify-content: flex-start;
		width: 100%;
		padding: 0 7.5px;
		white-space: nowrap;
		overflow: hidden;
		overflow-x: scroll;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
		        box-sizing: border-box;
	}
	#diary .d_list::-webkit-scrollbar{
		display: none;
	}
	#diary .d_list .d_box{
		width: 34vw;
		margin: 0 2.5px;
	}
	#diary .d_list .d_box .date{
		font-size: 10px;
		line-height: 14px;
		text-align: left;
		padding: 3px 5px;
	}
	#diary .d_list .d_box .img{
		display: block;
		width: 34vw;
		height: 34vw;
		overflow: hidden;
	}
	#diary .d_list .d_box .profbox_r{
		padding-left: 5px;
		padding-right: 5px;
	}
	#diary .d_list .d_box .profbox_r p{
		font-size: 11px;
		line-height: 14px;
	}
	#diary .bt_bg a{
		width: 280px !important;
		font-size: 16px;
		margin-left: auto !important;
		margin-right: auto !important;
	}
}