@charset "utf-8";
/* CSS Document */
/*
□□□□□□□□□□□□□□□□□□□□□□□□□□

                レスポンシブ!!

□□□□□□□□□□□□□□□□□□□□□□□□□□
*/

/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆PC用◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
@media only screen and (min-width: 641px) {

/*目次(table of contents)*/
.sub_toc{
	margin:0 0 50px 20px;
}
.sub_toc ol {
	padding-left:30px;
	list-style-type: decimal-leading-zero;
	line-height:1.2em;
}



/*ソフト説明コンテナ*/
.sub_list_con{
	width:100%;
	background-color: rgba(223,223,223,0.5);
	padding:40px 0 2px;
}

/*このページだけ、余白を大きく取る*/
.sub_list_box{
	overflow:hidden;
	margin-bottom:80px;
}

.sub_list_title{
	margin-top: -80px; /* リンク位置上昇分 */
    padding-top: 80px; /* 上昇分を戻す分 */
	font-size:1.4em;
	color:#5e7be5;
	border-bottom:2px solid #5e7be5;
	padding-bottom:3px;
	margin-bottom:25px;
}
/*画像*/
.sub_list_icon{
	float:left;
	margin-right:25px;
}
/*ダウンロード*/
.sub_list_dl_bot_con{
	text-align:center;
	margin:15px auto;
	overflow:hidden;
}

.sub_list_dl_bot_con a{
	display: inline-block;
	padding:10px 25px;
	font-weight:bold;
	background-color:#e8236f;
	color:#FFF;
}
.sub_list_dl_bot_con a:hover{
	opacity:70%;
}


/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆↓PC用◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
}
/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆↑PC用◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/

/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆スマホ用◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
@media only screen and (max-width: 640px) {



/*目次(table of contents)*/

.sub_toc{
	width:90%;
	margin:0 0 50px 20px;
	box-sizing: border-box;	
}
.sub_toc ol {
	padding-left:30px;
	list-style-type: decimal-leading-zero;
	line-height:1.2em;
}
.sub_toc li{
	margin-bottom:10px;
}


/*ソフト説明コンテナ*/
.sub_list_con{
	width:100%;
	background-color: rgba(223,223,223,0.5);
	padding:40px 0 2px;
}

/*このページだけ、余白を大きく取る*/
.sub_list_box{
	width:90%;
	margin:0 auto 40px;
}

.sub_list_title{
	margin-top: -80px; /* リンク位置上昇分 */
    padding-top: 80px; /* 上昇分を戻す分 */
	font-size:1.2em;
	color:#5e7be5;
	border-bottom:2px solid #5e7be5;
	padding-bottom:3px;
	margin-bottom:25px;
}
/*画像*/
.sub_list_icon{
	width:50%;
	height:auto;
	margin:0 auto 20px;
}
/*ダウンロード*/
.sub_list_dl_bot_con{
	width:100%;
	text-align:center;
	margin:15px auto;
	overflow:hidden;
}

.sub_list_dl_bot_con a{
	display: inline-block;
	padding:10px 0;
	width:100%;
	font-weight:bold;
	background-color:#e8236f;
	color:#FFF;
}
.sub_list_dl_bot_con a:hover{
	opacity:70%;
}




/*◆◆◆◆◆◆◆↓スマホ用◆◆◆◆◆◆◆*/    
}
/*◆◆◆◆◆◆◆↑スマホ用◆◆◆◆◆◆◆*/