/*===========================================
	pregArea_01
=============================================*/
div.pregArea_01 {
	width: 930px;
	margin: 20px auto 0px auto;
	padding: 0px;
	clear:both;
}
div.pregArea_01 div.pregBox {
	width: 850px;
	margin: 0px auto;
	padding: 0px;
}
div.pregArea_01 div.pregBox div.leftArea {
	width: 587px;
	margin: 0px;
	padding: 0px;
	float:left;
}
div.pregArea_01 div.pregBox div.rightArea {
	width: 243px;
	margin: 0px;
	padding: 0px;
	float:right;
}

/*===========================================
	pregArea_02
=============================================*/
div.pregArea_02 {
	width: 930px;
	margin: 50px auto 0px auto;
	padding: 0px;
	clear:both;
}
div.pregArea_02 div.pregBox {
	width: 850px;
	margin: 20px auto 0px auto;
	padding: 0px;
}
div.pregArea_02 div.OnepointArea div.miniBox {
	width: 820px;
	margin: 0px auto;
	padding: 15px;
}
div.pregArea_02 div.OnepointArea div.miniBox div.leftArea {
	width: 580px;
	margin: 0px;
	padding: 0px;
	float:left;
}
div.pregArea_02 div.OnepointArea div.miniBox div.rightArea {
	width: 220px;
	margin: 0px;
	padding: 0px;
	float:right;
}

/*===========================================
	pregArea_03
=============================================*/
div.pregArea_03 {
	width: 930px;
	border-top:#CCC 2px solid;
	margin: 40px auto 0px auto;
	padding: 40px 0px 0px 0px;
	clear:both;
	text-align:center;
}

/*===========================================
	2019/06/05 MQ RENEWAL
=============================================*/

#contents div.leftArea {
	width: 700px;
	margin: 0px;
	padding: 0px;
	float:left;
}
#contents div.rightArea {
	width: 243px;
	margin: 0px;
	padding: 0px;
	float:right;
}
#contents div.rightArea + *{
	clear:both;
}

#sp #contents table,
#sp #contents table th,
#sp #contents table td {
    border: none;
}
#contents div.leftArea .font_24{
	font-size:24px;
	margin: 0 10px 10px;
	font-weight: bold;
}
#contents div.inline_img{
	display:none
}
#contents .onlypc{
	display:block;
}
#contents .onlysp{
	display:none;
}
#contents .bt_line{
	border-top:#CCC 2px solid;
	text-align:center;
	padding: 3em;
    margin-top: 3em;
}

#sp #contents ul#flowchart li:after {
    font-size: 90%;
}

#sp #contents ul#flowchart li a, ul#flowchart li p {
    vertical-align: middle;
    padding: 0;
    font-size: 94%;
    height: 4em;
    width: 13.4em;
}
#sp #contents table.onlypc tr:nth-of-type(2){
	font-weight: 700;
    font-size: 1.1em;
}
.mt20{margin-top:20px;}

/*  /tape/dub-2013~2017  */

#contents dl.howto dt {
    font-weight: 400;
	margin: 0 0 1em 1em;
}
#sp #contents ul#torikomi {
    list-style: none;
	margin:0;
}

#contents dl.howto dd .imgArea {
    width: 15%;
    display: inline-table;
    text-align: center;
    padding: 0.5em;
	float:left;
}
#contents div.btn_Area {
	width:50%;
	margin: 0 auto;
}

@media (max-width: 640px){
	#contents dl.howto dd {
		margin: 0 auto;
		text-align: center;
	}
	#contents dl.howto .anchorBtnA li{
		margin:0;
	}	
	#contents dl.howto dd .imgArea {
		width: 100%;
		text-align: center;
		float:none;
	}
	#contents div.leftArea {
		width: 100%;
		float:none;
	}
	#contents div.rightArea {
		width: auto;
		float:none;
		margin: 0 auto 0;
		text-align:center;
	}
	#contents div.inline_img{
		display:block;
		text-align: center;
		font-weight: 700;
		font-size: 1.1em;
	}
	#contents div.inline_img img{
		display:block;
	}
	#contents .onlypc{
		display:none;
	}
	#contents .onlysp{
		display:block;
	}
	#contents img{
		max-width:100%;
		height:auto;
		margin: 0 auto;
		text-align:center;
	}
	#contents div.btn_Area {
		width: 100%;
	}
	#contents div.leftArea .font_24{
	    margin: 0 0 10px;
	}
	#contents .choice_connect.onlysp{
		margin:0;
	}
	#contents .choice_connect ul.tape_mustAB li{
		border:#CCC 2px solid;
		border-radius:5px;
		padding:0.5em;
		width:35vw;
	}
	#contents .choice_connect ul.tape_mustAB li > *{
		text-align:center;
		font-size:0.86em;
		display:block;
	}
	#contents .choice_connect ul.tape_mustAB li > img{
		max-width:100%;
	}
	#contents .choice_connect.onlysp{
		text-align:center;
	}
	#contents .choice_connect.onlysp .imageArea img:nth-of-type(2){
		display: block;
	}
	#contents .choice_connect.onlysp .imageArea img:nth-of-type(1){
		max-width:200px;
	}
}