/*cssファイル内のプロパティはクウォートでくくらない。htmlファイル内はくくる。*/

/*=============共有部分のスタイル=============*/

*{
    margin:0;
    padding:0;
    font-family: 'osaka','ヒラギノ角ゴシック';
}

html {
　　    font-size: 62.5%; /*ベースを10pxに固定*/
}

.topArticleTitle{
    color:#cccccc;
    font-size:0.75rem;
    text-align:center;
    margin:0;
    padding:0;
    width:40rem;
}

.icon_Top{
    text-align:center;
}

a {
text-decoration:none;
}

a:link { /* アクセスしたことのないリンク */
color:#ccc;
}

a:visited {  /* アクセスしたことのあるリンク */
color:#ccc;
}

a:hover {  /* マウスが上に乗っている状態 */
color:#f19376;
text-decoration:none;
}

a:active {  /* クリック中 */
color:#d8d8d8;
}

#holeArticle{
    width: 44.5rem;
    margin:0rem; /* margin（外の余白）:上 左右 下px;*/
}
/*=============メールページのスタイル=============*/
    .support-mail{
    color:#666;
    font-size:0.75rem;
    text-align:left;
    margin:0rem 3rem 0rem; 
    padding:1rem;   
    }

    .support-mail .innerArticleTitle{
    color:#666;
    font-size:1.50rem;
    text-align:left;
    margin:0;
    padding:0;
    }
    .support-mail .support-Date{
    color:#eed;
    text-align:right;
    }

    .support-mail .support-StartTime{
    color:#eed;
    font-size:0.5rem;
    text-align:right;
    }

    .support-mail .articleBody{
    text-align:left;
    margin:0; /* margin（外の余白）:上 左右 下px;*/
    padding:0;
    }

    .bookInfo{
    position: relative;
    font-size:0.7rem;
    /*top: 17.2rem;*/
    left: 2rem;
    width: 33rem;
    height:21rem;
}

    .storeInfo{
    position: absolute;
    font-size:0.7rem;
    /*top: 17.2rem;*/
    left: 16rem;
    top:0.5rem;
    width: 20.5rem;
}

    .storeLink{
    position: absolute;
    right: 4.5rem;
    }

/*
    figure {
    float: left;
    margin: 0 0 0 0;
    width: 250px;
    }
*/
    h2{
        font-size:1.25rem;
    }

    .orange{
        color: #FF4326;
    }