@charset "UTF-8";

/*======================================================
詳細ページの設定
======================================================*/

.single-post-area {
    border: 1px solid #999999;
    padding: 30px 20px;
}
.single-post-area.salon {
    border:0;
}

.single-post-title {
    padding: 20px 10px;
    font-size: 1.4em;
    margin-bottom: 30px;
    color: #fff;
}

.single-post-title.salon {
    font-family: serif;
    font-size:1.8em;
    text-align: center;
    color:#333;
}

.single-cont h1,
.single-cont h2,
.single-cont h3,
.single-cont h4,
.single-cont h5,
.single-cont h6 {
    margin-bottom: 10px;
}

.single-cont h1 {
    font-size: 2.5em;
}

.single-cont h2 {
    font-size: 2.3em;
}

.single-cont h3 {
    font-size: 2em;
}

.single-cont h4 {
    font-size: 1.8em;
}

.single-cont h5 {
    font-size: 1.6em;
}

.single-cont h6 {
    font-size: 1.4em;
}

.single-cont a {
    text-decoration: underline;
}

.single-cont p {
    margin-bottom: 10px;
}

.single-cont img.alignleft {
    margin: 0 20px 10px 0;
}

.single-cont img.alignright {
    margin: 0 0 10px 20px;
}

.single-cont img.aligncenter {
    margin: 0 auto 20px;
}

/* 幅狭い場合はセンタリングにする */
@media(max-width:767px){
    .single-cont img.alignleft,
    .single-cont img.alignright {
        float:none;
        margin:0 auto 20px;
        display: block;
    }
}

.single-cont ul,
.single-cont ol {
    margin: 0 0 10px 30px;

}

.single-cont ul li {
    list-style: disc outside;
}

.single-cont iframe {
    max-width:840px;
    width:100%;
    height:420px;
    display: block;
    margin:0 auto;
}