/*
Theme Name: LP01
Theme URI: http://clear-design.jp/
Description: CLEARdeSIGN header
Version: 1.0
Author: CLEARdeSIGN
Author URI: http://clear-design.jp/
Tags: CLEARdeSIGN
Text Domain: CLEARdeSIGN
*/
/*--------------------------------------中ページ共通事項------------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&family=Noto+Serif+JP:wght@200;300;400;500;600;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Advent+Pro:wght@300;400&display=swap');
html.sr .js-sr-card,
html.sr .js-sr-left,
html.sr .js-sr-right,
html.sr .js-sr-bottom {
    visibility: hidden;
}
.text-responsive {
    font-size: calc(100% + 1vw + 1vh);
    }

.page {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
    letter-spacing: 0.05rem;
    line-height: 1.5rem;
    font-size: 16px;
    color: #444;
}
@media (min-width: 768px){
    .page {
        margin-top: 6rem;
        margin-bottom: 6rem;
    }
}
/*中ページテーブル　カスタムスタイル*/
.page .table tbody tr th {
    color: #931E2F;
    font-weight: 400;
}
.page .table {border-color: #931E2F!important;}
.page .table tr:first-child th,
.page .table tr:first-child td {border-top: none;}/*bootstrap4 基本テーブル　1番目の線削除*/
/*中ページ　リストスタイル*/
.page ul {
    list-style: none!important;
    padding: 0;
    margin: 0;
}
.page li {
    padding-left: 1em; 
    text-indent: -0.5em;
}
.page li:before {
    content: "• ";
    color: #931E2F;
    padding-right: .2em;
}
/*タ中ページタイトル*/
.title {
    position: relative;
    height: 250px;
    width: 100%;
    display: block;
    overflow: hidden;
    margin-top: 34px;
}
@media(min-width:992px){.title { height: 300px;}}
@media(min-width:1200px){.title {margin-top:90px;}}

.title h2 {
    text-align: center;
    font-family: 'Noto Serif JP', serif;
    letter-spacing: .2rem;
    color: #fff;
    position: absolute;
    top: 60%;
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
}
.title h2 span {
    font-size: 80%;
    display: block;
    opacity: .5;
    text-transform: uppercase;
    font-family: 'Advent Pro', sans-serif;
}
@media(min-width:1200px){
    .title h2 {
        text-align: left;
        top: 50%;
        left: 22%;
}
}

/*--------------------------------------共通事項 end------------------------------------*/
/*----------------------------------midasi----------------------------------*/
.page h3 {
    padding-top: 2rem;
    padding-bottom: .2rem;
    margin-bottom: 1.5rem;
}
.page-lead-30 { /*リード*/
    font-size: 26px;
    font-family:  'Noto Serif JP', Georgia, 'Times New Roman', Times, serif;
    padding-bottom: 1.5rem;
    line-height: normal;
}
@media (min-width:768px) {
    .page-lead-30 { 
        font-size: 36px;
    }
}
.page .head3 { /*h3*/
    font-family: 'Noto Sans JP','Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    border-bottom: 1px solid #931E2F;
    text-align: left;
    font-weight: 400;
    font-size: 2rem;
} 
.page .head3::first-letter {
    color: #931E2F;
}
.page h4.head4 { /*h4*/
    font-family: 'Noto Sans JP','Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    border-left: 2px solid #931E2F;
    text-align: left;
    font-weight: 400;
    padding-left: 1rem;
    margin-top: 2em;
    margin-bottom: 1rem;
    display: inline-block;
} 

.su-quote-style-default { /*shortcode plgin option cstom*/
    position: relative;
    margin-bottom: 1.5em;
    padding: .5em 3em;
    font-style: italic;
    display: inline-block;
}
.serif {
    font-family: 'Noto Serif JP', serif!important;
}
/*----------------------------------profile.html end----------------------------------*/
/*----------------------------------comics.html----------------------------------*/
._df_thumb ._df_book-title {/*thumbnail title adj*/
    bottom: 0;
    position: absolute;
    width: 100%;
    left: 0;
    padding: 5px;
    font-size: 12px;
    background: rgba(60,60,60,0.8);
    box-sizing: border-box;
    display: block;
    color: white;
    transition: .4s;
    -webkit-transition: .4s;
    line-height: 1.4;
    opacity: 1;}
/*----------------------------------comics.html end----------------------------------*/
/*----------------------------------idea.html----------------------------------*/

.mt-sp{margin-top:50px;}
@media (min-width: 768px){
  .mt-sp{margin-top:0;}
}