@charset "utf-8";
/*　
    全体
    ・背景色：#FFFFFE
    ・文字色：#333333
    ・リンク：#15693F
    ヘッダー部
    ・背景色：#3F1515
    ・リンク：#ffc80e
    コンテンツ部
    ・背景色：#FFFFE7
    コンテンツ部見出し
    ・背景色：#FFFFE7
    ・文字色：#A82020
    フッター部
    ・背景色：#3F1515
    ・文字色：#15693F
    ・リンク：#ffc80e
    スクロールバー：#15693F
*/

body {
    color: #333333;
    background-image: url("../images/background.png");
    background-attachment: fixed;
}
#loading {
    background-color: #FFFFFE;
}

a,.component_list button {
    color: #FF4B00;
    font-weight: bold;
}
.list_item_wrapper .list_title,
.list2_item_wrapper .list2_title{
    color:#333333;
}

button {
    color: #666;
    font-weight: bold;
}

h1 {
    color: #FEFEFE;
}
h2, h3, h4, h5, h6 {
    color: #333333;
}

#layout_header_area {
    background-color: #232323;
}

    #layout_header_area a {
        color: #FEFEFE;
        background-color: #232323;
        border-bottom-color: #333333;
        margin-bottom:-3px;
    }

    /* ハンバーガーメニューの線 */
    #layout_header_area .hamburger .mark {
        background-color: #FEFEFE;
    }

#layout_footer_area {
    background-color: #FEFEFE;
}

/* ▼ 以下、任意のスタイル ▼ */

body, pre, address, button {
    font-family: 'Noto Sans JP', sans-serif;
    line-height: 1.85;
}
#blog_title {
    font-family: 'Hachi Maru Pop', cursive;
    font-weight:bold;
    font-size:3rem;
}
.read_area{
    background-color: rgba(255,255,255,0.85);
}

.article_area{
    border: 2px solid #555555;
    padding: 10px;
}
.article_title {
    border-bottom: 2px dashed #555555;
}
.list_item,
.list2_item{
    border: 2px solid #555555;
}
.list_eyecatch,
.list2_eyecatch{
    border: 2px solid #555555;
}

#readmore {
    color:#555555;
}

.component_dl,
.component_table{
    border:#333333 solid 1px;
    border-bottom:none;
}
.component_dl dt,
.component_dl dd,
.component_table th,
.component_table td {
    font-weight: normal;
    border-bottom:#333333 solid 1px;
    padding:5px;
}
.component_dl dt,
.component_table th{
    background-color: #555555;
    color:#FEFEFE;
}

.btn{
    color: #FEFEFE;
    background-color: #333333;
}
.carousel_prev label{
    border-color: transparent #FF4B00 transparent transparent;
}
.carousel_next label{
    border-color: transparent transparent transparent #FF4B00;
}
.carousel_controller label{
    border-color: #FF4B00;
}
.carousel_controller label:after{
    border-color: #FF4B00;
    background-color: #FF4B00;
}
/* 文字サイズ */
body {
    font-size: 1.4rem;
}

.btn, h1 {
    font-size: 2rem;
}

.btn {
    padding: 0.5em;
}

.sp_center{
    text-align: center;
}
@media (min-width:480px){
    .sp_center{
        text-align: inherit;
    }
}
.sp_left{
    text-align: left;
}
@media (min-width:480px){
    .sp_center{
        text-align: inherit;
    }
}