/*------------------------------
	reset
------------------------------*/
* {
	margin:0;
	padding:0;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	border:0;
	outline:0;
	vertical-align:baseline;
}
img {
	margin:0 auto;
	display:block;
	vertical-align:bottom;
	font-size:0;
	line-height:0;
	border:0;
}
html,
body {
	color:#000;
    background-color: #FFF;
}
body {
	font-size:16px;
}
a,
a:visited {
    color: #00F;
}
ul {
	list-style:none;
}
.iPhoneBody {
	background-color:transparent;
}
/*------------------------------
	タイトル
------------------------------*/
.iPhoneHead {
	padding:0;
	background: none;
}
/*------------------------------
	日付
------------------------------*/
.dateBox {
	margin:5px auto;
    width: 95%;
    font-size: 12px;
    line-height: 1.0;
	text-align: right;
    color: #666;
}
/*------------------------------
	画像
------------------------------*/
.imgBox {
	margin:16px auto 0;
	text-align: center;
}
.imgBox img + img {
    margin-top: 8px;
}
/*------------------------------
	本文
------------------------------*/
.textBox {
	margin:8px auto;
    width: 95%;
	text-align: justify;
}
.textBox.garo {
    padding: 0 2.5%;
    width: 100%;
	background-image:url(beginner/img/03_img01.jpg);
	background-repeat:no-repeat;
	background-position:center bottom;
	background-size:100% auto;
	background:url(beginner/img/03_img01.jpg) no-repeat center bottom/100% auto;
}
.textBox.kakomi {
    width: 100%;
    font-size: 14px;
}
.textBox.kakomi > .inner_wt {
    padding: 1% 9% 3%;
	background-image:url(advanced/img/05_boxbg.png);
	background-repeat:no-repeat;
	background-position:center bottom;
	background-size:100% auto;
	background:url(advanced/img/05_boxbg.png) no-repeat center bottom/100% auto;
}
.textBox.kakomi > .inner_bk {
    padding: 1% 9% 3%;
    color: #FFF;
	background-image:url(advanced/img/11_boxbg.png);
	background-repeat:no-repeat;
	background-position:center bottom;
	background-size:100% auto;
	background:url(advanced/img/11_boxbg.png) no-repeat center bottom/100% auto;
}
/*.textBox.kakomi .inner_wt > p,
.textBox.kakomi .inner_bk > p {
	margin:0 auto 8px;
    width: 95%;
	text-align: left;
}*/
/*------------------------------
	ボタンリンク
------------------------------*/
.btnBox {
	margin:16px auto;
    width: 95%;
	text-align: center;
}
.btnBox a {
	display:block;
	text-decoration:none;
}
/*------------------------------
	テキストリンク
------------------------------*/
.linkBox {
	margin:16px auto;
    width: 95%;
}
.linkBox a {
    padding-left: 0.9rem;
    display: inline-block;
	text-decoration:none;
    position: relative;
}
.linkBox a::before {
    position: absolute;
    left: 0;
    top: 4px;
    content: "";
    width: 8px;
    height: 8px;
    border-top: 2px solid #F00;
    border-right: 2px solid #F00;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

/*------------------------------
	目次
------------------------------*/
ul.toc_list {
	position: relative;
	padding: 0.5em;
	margin: 0.8em;
	border: solid 2px #ff0094;
	list-style-type: none;
}
ul.toc_list li {
	padding: 0.6em;
	line-height: 1.5;
	border-bottom: 1px dashed #ff0094;
}
ul.toc_list li a {
	text-decoration: none;
	color: #3D3D3D;
	display: block;
}
ul.toc_list li:last-of-type {
	border-bottom: none;
}


ul.toc_list2 {
	position: relative;
	padding: 0.5em;
	margin: 0.8em;
	border: solid 2px #00b400;
	list-style-type: none;
}
ul.toc_list2 li {
	padding: 0.6em;
	line-height: 1.5;
	border-bottom: 1px dashed #00b400;
}
ul.toc_list2 li a {
	text-decoration: none;
	color: #3D3D3D;
	display: block;
}
ul.toc_list2 li:last-of-type {
	border-bottom: none;
}