@charset "utf-8";

footer {
    width: 100%;
    background: #08bca6;
    text-align: center;
    position: fixed;/*ダウンロードエリアをスクロールと合わせる*/ 
    bottom: 0px;
    left: 0px;
    z-index:100;
}

#FTwarp{background: #ffffff;}
#FTh3{font-size: 43px;　color: #ffffff;}

.FTG2{
    background: #89d8cb;
    height: 60px;
    width: 100%;}

#img2{padding: 0px 5px;}
.FTimg01{width:30px;}  
.FTarrow01{max-width: 7%;}

#FTsection {/*setcionのfooterのみの命令*/  
    border-radius: 0px; /*実線に丸角つける*/
    max-width: 320px;/*最大幅*/
    margin: auto;
    border: solid 0px #c4c4c4;}


/*-----------------------------page送りボタン*/
.page{
    max-width: 320px;
    padding: 10px 0px 150px 0px;
    margin: auto;
}

.page_thispage {
	color: #fff;
	background: #08bca6;
}

.page_pager_btn {
	border: solid 1px #08bca6;
}

.page_back{
    color: #fff;
    background: #08bca6;
}

.page_next {
    color: #fff;    
	background: #08bca6;
}

.page_reading{padding:15px;}


.page_next a {color: #fff;}
.page_back a {color: #fff;}


/*スクロールと合わせ上に戻るボタンの矢印を合わせる*/
.bg1 {
        width: 45px;
        background-color: #89d8cb;
        height: 38px;
        position: fixed;
        bottom: 98px;
        right: 0px;
        z-index: 10000;/*重なった要素の順位を数値で決める*/}

.bg2 {
        width: 15px;
        height: 15px;
        border-top: 4px solid #fff;
        border-right: 4px solid #fff;
        transform: rotate(-45deg);
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        bottom: 100px;
        right: 12px;
        position: fixed;
        z-index: 10000;/*重なった要素の順位を数値で決める*/}