@charset "utf-8";
/*
Theme Name: Llorix One Lite Child
Template: llorix-one-lite
Author: Itii corp.
Author URI: http://www.itii.jp
Version: 1.0
*/

@media all and (min-width:770px) {
.content-single-page, .post-list article, .page article {
    float: left;
    width: 100%;
    margin-bottom: 40px;
    padding: 10px;
    border: 1px solid #eaeaea;
    border-bottom: 4px solid #eaeaea;
    border-radius: 3px;
    background-color: #fff;

}

.post-list article, .comment > article {
    background-color: #fff;
}

body {
    font-family: "メイリオ",Meiryo,"ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",sans-serif;
    background-color: rgba(219, 200, 157, 0.21); 
}

.post-navigation h2.screen-reader-text {
    background-color:  rgba(219, 200, 157, 0.21); 
}

}


/*********************************************
投稿ナビゲーションとコメント枠の上下空白を圧縮 
*/
.post-navigation {
    margin-top: 0px; /* 40px */
    padding-top: 0px; /* 15px; */
    border-top: 2px solid #e7e7e7;
}

.comments-area {
    margin-top: 0px; /* 40px; */
    padding-top: 15px;
    border-top: 2px solid #e7e7e7;
}

.comment-reply-title {
    margin-top: 0px; /* 50px; */
}
/*********************************************/

/*********************************************
左右余白を圧縮 
*/
.container {
    padding-right: 0;
    padding-left: 0;
}
/*********************************************/



/*media all*/
.entry-content, .entry-content p, .entry-content span {
    color: #000;
}


@media print {
    a[href]:after {
    content: "" !important;
    }

    abbr[title]:after {
    content: "" !important;
    }
    
    #sidebar-secondary {
    display: none;
}
    　　
}

.ggmap {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.ggmap iframe,
.ggmap object,
.ggmap embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* youtube貼り付け動画をフィットさせる */
.movie-wrap {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}
 
.movie-wrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*
目的：テーブルの左端カラムの背景を灰色にする
*/
#TableFirstColumn { background-color: whitesmoke;}

/*
目的：写真を枠で囲む
*/
.content-page img {border:1px solid #aaa;}