@charset "shift_jis";
/* CSS Document */
/*********** prof1 ***********/
#prof1{
	background:url(../img/prof1.jpg) center 0 repeat-y;
	background-size:100%;
	position:relative;
}

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

#prof_btn a{
	width:36.25%;
	display:inline-block;
	background:#f334ff;
	height:40px;
	line-height:40px;
	text-decoration:none;
	color:#fff;
	text-align:center;
	font-size:10pt;
	vertical-align: top;
	margin-right:1.5625%;
}

#prof_btn a:last-child{
	background:#00bf09;
	margin-right:0;
}

#prof_slide{
	padding:0 12.96875%;
}

#prof_info{
	padding:0 12.96875%;
}

#prof_info>div{
	background:#4f0078;
	box-shadow:0px 0px 25px 6px #000000 inset;
	border-radius:6px;
	padding-top:40px;
}

#prof_name{
	font-size:12pt;
	padding:0 10px 5px;
	text-align:center;
}

#prof_icon{
	text-align:center;
}

#prof_size{
	text-align:center;
	padding:5px 5px 10px;
	font-size:9pt;
}


#btn_yoyaku{
	width:20%;
	display:block;
	position:absolute;
	right:0;
	bottom:0;
}


#btn_movie{
	width:20%;
	display:block;
	position:absolute;
	left:5px;
	bottom:0;
}

#prof_link{
	position: absolute;
	right:10px;
	top:10.96875%;
	width:12.96875%;
}

#prof_link a{
	display: block;
	width:100%;
	margin-bottom:5px;
}







/*********** スライド設定 ***********/
.bx-wrapper .bx-viewport {
	 border: 0; 
	 left: 0;
	 -moz-box-shadow:none;
	 -webkit-box-shadow:none; 
	 box-shadow:none;
	 background:none;
}

#slider2 li img{
	width:100%;
}

#bx-pager1 {
	margin-top:-60px;
}

#bx-pager1 a{
	display:block;
	width:33.33333333333333%;
	float:left;
}

#tab1{
	background:url(../img/tab1_on.jpg) 0 0 no-repeat;
	background-size:100%;
}

#tab2{
	background:url(../img/tab2_on.jpg) 0 0 no-repeat;
	background-size:100%;
}

#tab3{
	background:url(../img/tab3_on.jpg) 0 0 no-repeat;
	background-size:100%;
}

#bx-pager1 a.active img{
	opacity:0;
}



/*********** #com設定 ***********/
#com{
	line-height:1.4;
	padding:0 5px;
}



#prof_tb{
	display:table;
}


/*********** prof_l設定 ***********/
#prof_l{
	display:table-cell;
	width:50%;
	float:left;
	padding:0 5px;
	box-sizing:border-box;
}

#qa_wrap{
	height:0;
	padding-top:111%;
	position:relative;
}

#qa{
	position:absolute;
	top:0;
	width:100%;
	height:100%;
	overflow:auto;
	font-size:11pt;
	line-height:1.4;
}

#qa dd{
	color:#ff75a9;
	border-bottom:1px dotted #fff;
	margin-bottom:5px;
	padding-bottom:5px;
}

#qa dd:last-child{
	margin-bottom:0;
}

/*********** prof_r設定 ***********/
#prof_r{
	width:50%;
	float:right;
	padding:0 5px;
	box-sizing:border-box;
}

#play li{
	list-style-type:none;
	float:left;
	width:16.66666666666667%;
	padding:0 1px 1px 0;
	box-sizing:border-box;
}

#play li img{
	width:100%;
}

#option li{
	list-style-type:none;
	float:left;
	width:25%;
	padding:0 1px 1px 0;
	box-sizing:border-box;
}

#option li img{
	width:100%;
}


#movie div{
	height:0;
	padding-top:100%;
	position:relative;
}

#movie iframe{
	width:100%;
	position:absolute;
	top:0;
	height:100%;
}


/*********** prof_sch設定 ***********/
#prof_sch{
	width:98%;
	table-layout:fixed;
	font-size:10pt;
	border-top:#ea59f7 1px solid;
	border-left:#ea59f7 1px solid;
	margin:0 1% 5px;
}

#prof_sch th{
	background:url(/img/bg4.gif) 0 0 repeat;
	padding:8px 0;
	vertical-align:middle;
	border-bottom:#ea59f7 1px solid;
	border-right:#ea59f7 1px solid;
}

#prof_sch td{
	text-align:center;
	padding:8px 0;
	vertical-align:middle;
	border-bottom:#ea59f7 1px solid;
	border-right:#ea59f7 1px solid;
}


/*********** アンケート設定 ***********/
#enq{
	font-size:11pt;
	line-height:1.4;
}

#enq dt{
	color:#a8a8a8;
	font-size:10pt;
}

#enq dd{
	border-bottom:1px dotted #fff;
	margin-bottom:5px;
	padding-bottom:5px;
}

#enq dd:last-child{
	margin-bottom:0;
}

#btn_enq{
	padding:10px;
}

.btn_prev{
	margin-right:20px;
}


/*********** pager設定 ***********/
#btn_page {
	padding:0 5px 5px;
}

#btn_page a{
	display:block;
	width:36.875%;
	float:left;
}

#btn_page a#btn_next{
	float:right;
}