.page_title{	margin-bottom: 30px;}

.cdbox{
	position: relative;
	display: block;
	width: 100%;
	font-size: 0;
	line-height: 0;
	min-height: auto;
	margin: 0;
	overflow: hidden;
}

.cdbox:hover{	text-decoration: none;}

.cdbox_l{
	display: block;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

.cdbox_l{
	position: relative;
	text-align: left;
	padding: 0 0 10px 0;
}

.cdbox_l .icon_bg{
	position: absolute;
	bottom: 20px;
	left: 18px;
}

.cdbox_l .icon{
	display: inline-block;
	vertical-align: top;
	font-size: 13px;
	line-height: 18px;
	text-shadow: none;
	padding: 0 3px;
	border-radius: 2px;
}


/**	prof slider start **/

#sliderContainer{
	position: relative;
	font-size: 0;
	line-height: 0;
	display: block;
	width: auto;
	height: auto;
	text-align: center;
	margin: 0;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

#flame{
	position: relative;
	width: 394px;
	height: 524px;
	border-width: 2px;
	border-style: solid;
	margin: 0 auto;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

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

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

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;
}


@media screen and (max-width: 650px) {
	#flame{
		position: relative;
		width: 95%;
		height: auto;
		border-width: 2px;
		border-style: solid;
		margin: 0 auto;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
		        box-sizing: border-box;
	}

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

	ul#slider li{
		float: left;
		width: 100%;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
		        box-sizing: border-box;
	}

	ul#slider li img{
		width: 100%;
		height: auto;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
		        box-sizing: border-box;
	}
}


/** name **/

#name{
	text-align: center;
	padding: 10px 0 5px 0;
}

#name h3{
	font-size: 26px;
	line-height: 30px;
	margin: 0 0 8px 0;
}

#name .size{
	font-size: 14px;
	line-height: 20px;
}

#name .outlink{
	display: inline-block;
	vertical-align: top;
	font-size: 11px;
	line-height: 16px;
	padding: 0 5px;
	border-radius: 7px;
}
#name a.outlink:hover{
	text-decoration: none;
}

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

.linksite_bt > a{
	display: inline-block;
	vertical-align: top;
	width: 35px;
	height: 35px;
	border-radius: 50%;
	margin: 0 5px 5px 5px;
	-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;
}
.linksite_bt > a:hover{
	opacity: 0.7;
	filter: alpha(opacity=70);
}
.linksite_bt1{	background: url(../img/tmp/sns_bt1.png) no-repeat top center #000;	background-size: 35px auto;}
.linksite_bt2{
	background: url(../img/tmp/sns_bt2.png) no-repeat top center, rgb(255,221,131);
	background: url(../img/tmp/sns_bt2.png) no-repeat top center, linear-gradient(45deg, rgba(255,221,131,1) 15%, rgba(242,105,57,1) 37%, rgba(207,46,146,1) 63%, rgba(76,100,211,1) 85%);
	background-size: 35px auto;
}
.linksite_bt3{	background: url(../img/tmp/sns_bt3.png) no-repeat top center #daa915;	background-size: 35px auto;}
.linksite_bt4{	background: url(../img/tmp/sns_bt4.png) no-repeat top center #00b900;	background-size: 35px auto;}
.linksite_bt5{	background: url(../img/tmp/sns_bt5.png) no-repeat top center #ff9900;	background-size: 35px auto;}

.linksite_btblog .material-icons{line-height: 35px;}

/** op **/

.op{
	padding: 30px 20px 25px 20px;
}

.op ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.op li{
	display: inline-flex;
	align-items: center;
	align-content: center;
	justify-content: center;
	width: calc(100% / 2 - 2.5px);
	font-size: 16px;
	line-height: 18px;
	text-align: center;
	margin: 0 0 5px 0;
	padding: 3px 2px;
	border: 1px solid currentColor;
	border-radius: 3px;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}
.op li.ng{	border: none;}


/** sche **/

.sche{
	padding: 30px 20px;
}

.sche dl{
	display: table;
	table-layout: fixed;
	width: 100%;
	font-size: 0;
	line-height: 0;
	border-bottom-width: 1px;
	border-bottom-style: solid;
}
.sche dl:first-of-type{
	border-top-width: 1px;
	border-top-style: solid;
}

.sche dt,
.sche dd{
	position: relative;
	display: table-cell;
	vertical-align: middle;
	font-size: 16px;
	line-height: 22px;
	text-align: center;
	padding: 10px 0;
}

.sche dd .yoman{
	width: 100%;
	height: 100%;
	font-size: 16px;
	line-height: 22px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-animation:yoman 1.5s ease-in-out infinite alternate;
	-moz-animation:yoman 1.5s ease-in-out infinite alternate;
	animation:yoman 1.5s ease-in-out infinite alternate;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}
@keyframes yoman{
    0% {opacity:0;}
    20% {opacity:0;}
    80% {opacity:1;}
    100% {opacity:1;}
}
.sche dd .yoman+p{
	-webkit-animation:yoman 1.5s ease-in-out infinite alternate;
	-moz-animation:yoman 1.5s ease-in-out infinite alternate;
	animation:yoman 1.5s ease-in-out infinite alternate;
	animation-delay: -1s;
}


/** wid **/

.wid_bg{}

.wid_bg h3{
	font-size: 18px;
	line-height: 24px;
	text-align: left;
	padding: 30px 15px 15px 15px;
}


/** qa **/

.qa{
	padding: 20px;
}

.qa dl{
	width: 100%;
	font-size: 0;
	line-height: 0;
	border-bottom-width: 1px;
	border-bottom-style: solid;
}

.qa dt,
.qa dd{
	font-size: 14px;
	line-height: 20px;
	text-align: left;
}

.qa dt{
	padding: 10px 0 2px 0;
}
.qa dd{
	padding: 2px 0 10px 0;
}


/** other **/

.other{
	padding: 30px 20px;
}

.other_in{
	font-size: 16px;
	line-height: 22px;
	text-align: left;
}


.movie{
	padding: 20px;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}
.movie video{
	width: auto;
	max-width: 100%;
	height: auto;
}
.voice{
	text-align: left;
	padding: 20px;
}
.voice div{
	font-size: 14px;
	line-height: 20px;
	margin: 0 0 5px 0;
}
.voice audio{	width: 100%;}

.st_box dd{
    color: #ffa500;
}

.st_box dd span{
	filter: saturate(0);
}

.other .cast_mess{
	display: flex;
	align-items: center;
	align-content: center;
	justify-content: flex-start;
	width: 100%;
	padding: 0 0 10px 0;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}
.other .cast_mess .cimg{
	width: 40px;
	height: 40px;
	border-radius: 50%;
	overflow: hidden;
	margin-right: 10px;
}
.other .cast_mess .cimg img{
	width: 40px;
	height: auto;
}
.other .cast_mess .ctxt{
	width: calc(100% - 50px);
	font-size: 16px;
	line-height: 18px;
	text-align: left;
}


/** toku **/

#toku_in{
	position: relative;
	width: 100%;
	max-width: 410px;
	margin: 0 auto;
	padding: 10px 10px 20px 10px;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

#toku h4{
	text-align: left;
	margin: 0 0 10px 0;
	padding: 5px 0;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

#toku h4 span{
	font-size: 24px;
	line-height: 30px;
}

#toku h4 em{
	display: block;
	font-size: 14px;
	font-weight: bold;
	line-height: 14px;
	padding-top: 0;
}
#toku h4 em i{	font-style: normal;}
#toku h4 em i:nth-of-type(2){	font-size: 20px; line-height: 1;}

#toku .time{
	display: flex;
	align-items: center;
	align-content: center;
	justify-content: center;
	width: 145px;
	height: 38px;
	font-size: 12px;
	font-weight: bold;
	line-height: 14px;
	text-align: center;
	color: #fff;
	border-radius: 20px;
	position: absolute;
	top: 12px;
	right: 10px;
	-webkit-animation:blink 1.5s ease-in-out infinite alternate;
	-moz-animation:blink 1.5s ease-in-out infinite alternate;
	animation:blink 1.5s ease-in-out infinite alternate;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}
#toku .time:after{
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 10px 0 0;
	position: absolute;
	bottom: -10px;
	left: calc(50% - 5px);
}

#toku .tkbox{
	position: relative;
	display: flex;
	align-items: center;
	align-content: center;
	justify-content: flex-start;
	width: 100%;
	margin: 0 0 10px 0;
	padding: 2px;
	border-radius: 5px;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}
#toku .tkbox:last-of-type{	margin-bottom: 0;}

#toku .tkbox_l{
	width: 33%;
}

#toku .tkbox_l p{
	font-size: 18px;
	font-weight: bold;
	line-height: 18px;
	text-align: center;
	padding: 5px 0 0 0;
}
#toku .tkbox_l p em{
	position: relative;
	font-size: 30px;
	line-height: 30px;
	bottom: -2px;
}
#toku .tkbox_l p span{
	display: inline-block;
	font-size: 20px;
	line-height: 20px;
}
#toku .tkbox_l p i{
	position: relative;
	display: inline-block;
	font-style: normal;
	font-size: 13px;
	line-height: 14px;
	top: -2px;
}
#toku .tkbox .or{
	display: inline-flex;
	align-items: center;
	align-content: center;
	justify-content: center;
	width: 30px;
	height: 30px;
	font-size: 18px;
	font-weight: bold;
	line-height: 20px;
	text-align: center;
	color: #fff;
	border-radius: 50%;
	position: absolute;
	z-index: 2;
	top: -18px;
	left: calc(50% - 15px);
	-webkit-animation: blink 1.5s ease-in-out infinite alternate;
	-moz-animation: blink 1.5s ease-in-out infinite alternate;
	animation: blink 1.5s ease-in-out infinite alternate;
	-webkit-transform: rotate(-15deg);
	   -moz-transform: rotate(-15deg);
		-ms-transform: rotate(-15deg);
		 -o-transform: rotate(-15deg);
			transform: rotate(-15deg);
}

#toku .tkbox_r{
	position: relative;
	width: calc(100% - 33%);
	display: inline-flex;
	flex-wrap: wrap;
	align-items: center;
	align-content: center;
	justify-content: center;
	border-radius: 3px;
}

#toku .tkbox_r_top{
	position: relative;
	display: inline-flex;
	align-items: center;
	align-content: center;
	justify-content: center;
	font-size: 13px;
	font-weight: bold;
	line-height: 24px;
	margin: 0 auto;
	padding: 10px 34px 0 4px;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

#toku .tkbox_r_top span{
	font-size: 16px;
	margin-left: 5px;
}

#toku .tkbox_r_top span em{
	font-size: 20px;
}

#toku .tkbox_r_top i{
	font-size: 32px;
	line-height: 32px;
	position: absolute;
	top: 4px;
	right: 0;
	-webkit-transform: rotate(90deg);
	   -moz-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		 -o-transform: rotate(90deg);
			transform: rotate(90deg);
}

#toku .tkbox_r_btm{
	display: flex;
	align-items: center;
	align-content: center;
	justify-content: center;
	width: 100%;
	padding: 13px 0 5px 0;
}
#toku .tkbox_r_btm.spe{	padding: 0;}

#toku .tkbox_r_btm span{
	position: relative;
	display: inline-flex;
	align-items: center;
	align-content: center;
	justify-content: center;
	width: 35px;
	height: 35px;
	font-size: 13px;
	line-height: 13px;
	font-weight: bold;
	text-align: center;
	border: 2px solid currentcolor;
	margin-right: 5px;
	top: -4px;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

#toku .tkbox_r_btm p{
	font-size: 24px;
	font-weight: bold;
	line-height: 34px;
}

#toku .tkbox_r_btm p em{
	font-size: 32px;
}

#toku .conditions2{
	display: table;
	width: 100%;
	font-size: 0;
	line-height: 0;
	border-radius: 2px;
	padding: 5px 0;
	border-width: 1px;
	border-style: solid;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

#toku .conditions2_l,
#toku .conditions2_r{
	display: table-cell;
	vertical-align: middle;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

#toku .conditions2_l{
	position: relative;
	width: 33%;
	font-size: 12px;
	font-weight: bold;
	line-height: 16px;
	text-align: center;
	border-right-width: 1px;
	border-right-style: solid;
}
#toku .conditions2_l span{
	position: relative;
	font-size: 14px;
	line-height: 14px;
	margin-right: 1px;
	bottom: -2px;
}

#toku .conditions2_r{
	font-size: 12px;
	font-weight: bold;
	line-height: 16px;
	text-align: left;
	padding: 5px 5px 5px 8px;
}

#toku .caution{
	font-size: 10px;
	line-height: 16px;
	text-align: left;
	padding: 10px 0 3px 0;
	letter-spacing: -0.3px;
}

.taiki_icon_on{
	width: calc(100% - 36px);
	height: 25px;
	font-size: 14px;
	font-weight: bold;
	line-height: 25px;
	color: #fff;
	text-align: center;
	border-radius: 3px;
	position: absolute;
	bottom: 20px;
	left: 18px;
	-webkit-animation: blink 1.5s ease-in-out infinite alternate;
	-moz-animation: blink 1.5s ease-in-out infinite alternate;
	animation: blink 1.5s ease-in-out infinite alternate;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

@-webkit-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@-moz-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}

.bx-wrapper .bx-pager{	bottom: 5px !important;}
.cdbox_l .taiki_icon_on+.icon_bg{	bottom: 50px;}

@media screen and (max-width: 650px) {
	.taiki_icon_on{	bottom: 19px;}
	.cdbox_l .taiki_icon_on+.icon_bg{	bottom: 49px;}
}


/** diary **/

.diary{	padding: 30px 0;}
.diary_in{	padding: 0 17.5px;}

.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: calc(100% / 3 - 5px);
	max-width: 200px;
	border-radius: 7px;
	margin: 0 2.5px;
	border-width: 1px;
	border-style: solid;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

.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: calc(30vw - 5px);
	max-height: 200px;
	overflow: hidden;
}

.diary .d_list .d_box .img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center top;
}

.diary .d_list .d_box .d_title{
	font-size: 12px;
	line-height: 14px;
	text-align: left;
	padding: 5px 10px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

.diary .d_bt{
	text-align: center;
	padding: 20px 0 0 0;
}
.diary .d_bt a{
	display: inline-block;
	vertical-align: top;
	font-size: 12px;
	line-height: 24px;
	border-width: 1px;
	border-style: solid;
	border-radius: 3px;
	border-color: currentColor;
	padding: 0 30px;
	-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 .d_bt a:hover{
	text-decoration: none;
	opacity: 0.7;
	filter: alpha(opacity=70);
}


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

@media screen and (max-width: 650px) {
	.diary_in{	padding: 0 2.5px;}
	.diary .d_list .d_box{
		max-width: 210px;
	}
	.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;
		overflow: hidden;
	}
	.diary .d_list .d_box .d_title{
		font-size: 11px;
		line-height: 12px;
		padding: 5px;
	}
}