@charset "utf-8";

/*----------------------------------------------------
clear Module
-------------------------------------------------------*/
.clear	{
	clear:both;
	line-height:0;
	font-size:0;
	margin:0;
	padding:0;
	zoom:1;
}

/* IE以外のモダンブラウザ */
.clearfix:after {
	content:".";
	display:block;
	visibility:hidden;
	height:0.1px;
	font-size:0.1em;
	line-height:0;
	clear:both;
	}

/*IE7＆MacIE5*/
.clearfix {
	display:inline-block;
	}



/*==================================
	Main Image, Episode Contents
===================================*/

h3#mainImage img {
	display:block;
	}
#episode {
	background:url(/pages/add/success/image/bgi_contall02.jpg) repeat-y left top;
	padding-bottom:12px;
	width: 905px;
	margin: 0 auto;
	}
#episodeIn {
	background:url(/pages/add/success/image/bgi_contall01.jpg) no-repeat left top;

	}
/*==================================
	共通定義
===================================*/
.clrRed {
	color:#cc0000;
	}



/*==================================
	各BOX共通
===================================*/
.eachBox {
	width:882px;
	margin:0 0 20px 8px;
	}
.eachBoxIn {
	padding-bottom:18px;
	}
.boxSec {
	width:860px;
	margin:0 0 0 11px;
	}
.boxSecIn {
	}
.boxSecIn2 {
	width:860px;
	padding:0 0 38px 0;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	-o-box-sizing: content-box;
	-ms-box-sizing: content-box;
	box-sizing: content-box;
	}

.boxSec .boxInL {
	width:293px;
	float:left;
	}
.boxSec .medal {
	display:block;
	width:182px;
	float:left;
	}
.boxSec .medal img {
	display:block;
	padding-left:8px;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	-o-box-sizing: content-box;
	-ms-box-sizing: content-box;
	box-sizing: content-box;
	}
.boxSec .profile {
	width:105px;
	float:right;
	padding-top:27px;
	}
.boxSec .profile p {
	line-height:130%;
	padding-top:5px;
	}
.boxSec .ribbon {
	clear:both;
	padding-top:24px;
	}
.boxSec .ribbon_plus {
	clear:both;
	}
.boxSec .boxInR {
	width:557px;
	float:right;
	padding-top:21px;
	}
.boxSec .boxInR h5 {
	padding-bottom:12px;
	}
.boxSec .boxInR p {
	width:528px;
	padding-bottom:10px;
	line-height:180%;
	}

.eachBox .footBtnArea {
	float:right;
	padding-right:16px;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	-o-box-sizing: content-box;
	-ms-box-sizing: content-box;
	box-sizing: content-box;
	}
.eachBox .footBtnArea li {
	width:243px;
	font-size:0px;
	letter-spacing:0;
	float:left;
	padding-left:7px;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	-o-box-sizing: content-box;
	-ms-box-sizing: content-box;
	box-sizing: content-box;
	}

/*	社労士
-------------------------------*/
#aBox {
	background:url(/pages/add/success/image/bgi_abox_body.jpg) repeat-y left top;
	}
#aBoxIn {
	background:url(/pages/add/success/image/bgi_abox_foot.jpg) no-repeat left bottom;
	}
.aBoxSec {
	background:url(/pages/add/success/image/bgi_aboxin_body.jpg) repeat-y left top;
	}
.aBoxSecIn {
	background:url(/pages/add/success/image/bgi_aboxin_foot.jpg) no-repeat left bottom;
	}
.aBoxSecIn2 {
	background:url(/pages/add/success/image/bgi_aboxin_head.jpg) no-repeat left top;
	}

/*	日商簿記
-------------------------------*/
#bBox {
	background:url(/pages/add/success/image/bgi_bbox_body.jpg) repeat-y left top;
	}
#bBoxIn {
	background:url(/pages/add/success/image/bgi_bbox_foot.jpg) no-repeat left bottom;
	}
.bBoxSec {
	background:url(/pages/add/success/image/bgi_bboxin_body.jpg) repeat-y left top;
	}
.bBoxSecIn {
	background:url(/pages/add/success/image/bgi_bboxin_foot.jpg) no-repeat left bottom;
	}
.bBoxSecIn2 {
	background:url(/pages/add/success/image/bgi_bboxin_head.jpg) no-repeat left top;
	}

/*	宅建
-------------------------------*/
#cBox {
	background:url(/pages/add/success/image/bgi_cbox_body.jpg) repeat-y left top;
	}
#cBoxIn {
	background:url(/pages/add/success/image/bgi_cbox_foot.jpg) no-repeat left bottom;
	}
.cBoxSec {
	background:url(/pages/add/success/image/bgi_cboxin_body.jpg) repeat-y left top;
	}
.cBoxSecIn {
	background:url(/pages/add/success/image/bgi_cboxin_foot.jpg) no-repeat left bottom;
	}
.cBoxSecIn2 {
	background:url(/pages/add/success/image/bgi_cboxin_head.jpg) no-repeat left top;
	}

/*	宅建
-------------------------------*/
#dBox {
	background:url(/pages/add/success/image/bgi_dbox_body.jpg) repeat-y left top;
	}
#dBoxIn {
	background:url(/pages/add/success/image/bgi_dbox_foot.jpg) no-repeat left bottom;
	}
.dBoxSec {
	background:url(/pages/add/success/image/bgi_dboxin_body.jpg) repeat-y left top;
	}
.dBoxSecIn {
	background:url(/pages/add/success/image/bgi_dboxin_foot.jpg) no-repeat left bottom;
	}
.dBoxSecIn2 {
	background:url(/pages/add/success/image/bgi_dboxin_head.jpg) no-repeat left top;
	}

/*	行政書士
-------------------------------*/
#eBox {
	background:url(/pages/add/success/image/bgi_ebox_body.jpg) repeat-y left top;
	}
#eBoxIn {
	background:url(/pages/add/success/image/bgi_ebox_foot.jpg) no-repeat left bottom;
	}
.eBoxSec {
	background:url(/pages/add/success/image/bgi_eboxin_body.jpg) repeat-y left top;
	}
.eBoxSecIn {
	background:url(/pages/add/success/image/bgi_eboxin_foot.jpg) no-repeat left bottom;
	}
.eBoxSecIn2 {
	background:url(/pages/add/success/image/bgi_eboxin_head.jpg) no-repeat left top;
	}

/*	情報処理
-------------------------------*/
#fBox {
	background:url(/pages/add/success/image/bgi_fbox_body.jpg) repeat-y left top;
	}
#fBoxIn {
	background:url(/pages/add/success/image/bgi_fbox_foot.jpg) no-repeat left bottom;
	}
.fBoxSec {
	background:url(/pages/add/success/image/bgi_fboxin_body.jpg) repeat-y left top;
	}
.fBoxSecIn {
	background:url(/pages/add/success/image/bgi_fboxin_foot.jpg) no-repeat left bottom;
	}
.fBoxSecIn2 {
	background:url(/pages/add/success/image/bgi_fboxin_head.jpg) no-repeat left top;
	}









/*==================================
	SP調整
===================================*/


.winSP #episode ,
.winSP .eachBox ,
.winSP .eachBoxIn ,
.winSP .boxSec ,
.winSP .boxSecIn2 ,
.winSP .boxSec .boxInL ,
.winSP .boxSec .boxInR ,
.winSP .boxSec .boxInR p  {
	width:100%;
	display:block !important;
	float:none;
	background-size: 100% !important;
}

.winSP #episode .mv {
	position:relative;
	
}
.winSP #episode .mv .cate_btn{
	position:relative;
	top:-15vw;
	text-align:center;
	font-size:0;
}
.winSP #episode .mv .cate_btn li{
	display:inline-block;
	width:30%;
}
.winSP #episode .mv .footBtnArea{
	position:relative;
	top:-10vw;
}
.winSP #episode .mv .footBtnArea li{
	display:inline-block;
	width:50%;
	padding-right:2%;
}

.winSP .eachBox,
.winSP .boxSec {
    margin: 0 0 20px;
    padding: 0 2%;
}

.winSP .eachBoxIn ,
.winSP .boxSecIn ,
.winSP .boxSecIn2 {
	background: none !important;
}

.winSP .eachBoxIn h4{
	display:block;
	width:104%;
	margin-left:-2%;
} 

.winSP .boxSec .boxInL .medal{
	max-width:50%;
}
.winSP .boxSec .boxInL .profile{
	max-width:40%;
}
.winSP .boxSec .boxInL .ribbon ,
.winSP .boxSec .boxInL .ribbon_plus {
	max-width:100%;
	margin-left: -3%;
}

.winSP .footBtnArea,
.winSP .footBtnArea li{
	width:100%;
	display: block;
	float: none;
	padding-left:0;
	text-align:right;
}

.winSP .footBtnArea li a{
	display: inline-block;
}