/* コンテンツ見出し共通化用 */
/* お知らせ、チラシ、特集
-------------------------------------*/
@media screen and (max-width: 767px) {
    #newsDetail .box:first-of-type .ttl,
    #flyersDetail .box:first-of-type .ttl,
    #featureArticlesDetail .box:first-of-type .ttl{
        margin: 0;
    }
    #newsDetail .box .ttl,
    #flyersDetail .box .ttl,
    #featureArticlesDetail .box .ttl{
        color: #000000;
    }
    #newsDetail .box .headline_deco_pattern0,
    #flyersDetail .box .headline_deco_pattern0,
    #featureArticlesDetail .box .headline_deco_pattern0{
        margin: 20px 0 0;
        font-size: 16px;
    }
    #newsDetail .box .headline_deco_pattern1,
    #flyersDetail .box .headline_deco_pattern1,
    #featureArticlesDetail .box .headline_deco_pattern1{
        background-color: #D9D9D9;
        margin: 0;
        padding: 10px 0 10px 10px;
        border-bottom: solid 2px #000000;
        font-weight: bold;
        text-align: justify;
        font-size: 18px;
    }
    #newsDetail .box .headline_deco_pattern2,
    #flyersDetail .box .headline_deco_pattern2,
    #featureArticlesDetail .box .headline_deco_pattern2{
        letter-spacing: 2px;
        margin-top: 2px;
        font-size: 24px;
        font-weight: bold;
    }
    #newsDetail .box .headline_deco_pattern3,
    #flyersDetail .box .headline_deco_pattern3,
    #featureArticlesDetail .box .headline_deco_pattern3{
        width: 100%;
        letter-spacing: 2px;
        padding-left: 0px;
        text-align: center;
        margin: 0;
        font-size: 32px;
        font-weight: bold;
    }
    #newsDetail .box .headline_deco_pattern4:before,
    #flyersDetail .box .headline_deco_pattern4:before,
    #featureArticlesDetail .box .headline_deco_pattern4:before{
        content: "";
        width: 6px;
        height: 100%;
        background: #AF0D00;
        position: absolute;
        left: 10px;
    }
    #newsDetail .box .headline_deco_pattern4,
    #flyersDetail .box .headline_deco_pattern4,
    #featureArticlesDetail .box .headline_deco_pattern4{
        margin: 0;
        padding: 0 10px 0 25px;
        text-align: justify;
        letter-spacing: 2px;
        position: relative;
        font-size: 32px;
        font-weight: bold;
    }
}
@media screen and (min-width: 768px) {
    #newsDetail .box:first-of-type .ttl,
    #flyersDetail .box:first-of-type .ttl,
    #featureArticlesDetail .box:first-of-type .ttl{
        margin: 0;
    }
    #newsDetail .box .ttl,
    #flyersDetail .box .ttl,
    #featureArticlesDetail .box .ttl{
        color: #000000;
    }
    #newsDetail .box .headline_deco_pattern0,
    #flyersDetail .box .headline_deco_pattern0,
    #featureArticlesDetail .box .headline_deco_pattern0{
        margin: 30px 0 0;
        font-size: 16px;
    }
    #newsDetail .box .headline_deco_pattern1,
    #flyersDetail .box .headline_deco_pattern1,
    #featureArticlesDetail .box .headline_deco_pattern1{
        background-color: #D9D9D9;
        margin: 0;
        padding: 10px 0 10px 10px;
        border-bottom: solid 2px #000000;
        font-weight: bold;
        text-align: justify;
        font-size: 18px;
    }
    #newsDetail .box .headline_deco_pattern2,
    #flyersDetail .box .headline_deco_pattern2,
    #featureArticlesDetail .box .headline_deco_pattern2{
        letter-spacing: 2px;
        margin-top: 2px;
        font-size: 24px;
        font-weight: bold;
    }
    #newsDetail .box .headline_deco_pattern3,
    #flyersDetail .box .headline_deco_pattern3,
    #featureArticlesDetail .box .headline_deco_pattern3{
        width: 100%;
        letter-spacing: 2px;
        padding-left: 0px;
        text-align: center;
        margin: 0;
        font-size: 32px;
        font-weight: bold;
    }
    #newsDetail .box .headline_deco_pattern4:before,
    #flyersDetail .box .headline_deco_pattern4:before,
    #featureArticlesDetail .box .headline_deco_pattern4:before{
        content: "";
        width: 6px;
        height: 100%;
        background: #AF0D00;
        position: absolute;
        left: 10px;
    }
    #newsDetail .box .headline_deco_pattern4,
    #flyersDetail .box .headline_deco_pattern4,
    #featureArticlesDetail .box .headline_deco_pattern4{
        margin: 0;
        padding: 0 10px 0 25px;
        text-align: justify;
        letter-spacing: 2px;
        position: relative;
        font-size: 32px;
        font-weight: bold;
    }
}


@media screen and (min-width: 768px) {
    #newsDetail .box:first-of-type .ttl,
    #flyersDetail .box:first-of-type .ttl,
    #featureArticlesDetail .box:first-of-type .ttl{
        margin: 0;
    }
    #newsDetail .box .ttl,
    #flyersDetail .box .ttl,
    #featureArticlesDetail .box .ttl{
        color: #000000;
    }
    #newsDetail .box .headline_deco_pattern0,
    #flyersDetail .box .headline_deco_pattern0,
    #featureArticlesDetail .box .headline_deco_pattern0{
        margin: 30px 0 0;
        font-size: 16px;
    }
    #newsDetail .box .headline_deco_pattern1,
    #flyersDetail .box .headline_deco_pattern1,
    #featureArticlesDetail .box .headline_deco_pattern1{
        background-color: #D9D9D9;
        margin: 0;
        padding: 4px 0 2px 10px;
        border-bottom: solid 1px #000000;
        font-weight: initial;
        padding-right: 10px;
        text-align: justify;
        font-size: 16px;
    }
    #newsDetail .box .headline_deco_pattern2,
    #flyersDetail .box .headline_deco_pattern2,
    #featureArticlesDetail .box .headline_deco_pattern2{
        letter-spacing: 2px;
        margin-top: 2px;
        font-size: 24px;
        font-weight: bold;
    }
    #newsDetail .box .headline_deco_pattern3,
    #flyersDetail .box .headline_deco_pattern3,
    #featureArticlesDetail .box .headline_deco_pattern3{
        width: 100%;
        letter-spacing: 2px;
        padding-left: 0px;
        text-align: center;
        margin: 0;
        font-size: 32px;
        font-weight: bold;
    }
    #newsDetail .box .headline_deco_pattern4:before,
    #flyersDetail .box .headline_deco_pattern4:before,
    #featureArticlesDetail .box .headline_deco_pattern4:before{
        content: "";
        width: 6px;
        height: 100%;
        background: #AF0D00;
        position: absolute;
        left: 10px;
    }
    #newsDetail .box .headline_deco_pattern4,
    #flyersDetail .box .headline_deco_pattern4,
    #featureArticlesDetail .box .headline_deco_pattern4{
        margin: 0;
        padding: 0 10px 0 25px;
        text-align: justify;
        letter-spacing: 2px;
        position: relative;
        font-size: 32px;
        font-weight: bold;
    }
}

/* よくある質問、使い方ガイド
-------------------------------------*/
@media screen and (max-width: 767px) {
    #qaContents .section dl dd h2.headline_deco_pattern0,
    #guideContents .section dl dd h2.headline_deco_pattern0 {
        color: #000000;
        font-size: 20px;
        font-weight: normal;
    }
    #qaContents .section dl dd h2.headline_deco_pattern1,
    #guideContents .section dl dd h2.headline_deco_pattern1 {
        background-color: #D9D9D9;
        margin: 0;
        padding: 4px 0 2px 10px;
        border-bottom: solid 1px #000000;
        padding-right: 10px;
        text-align: justify;
        color: #000000;
        font-size: 20px;
        font-weight: normal;
    }
    #qaContents .section dl dd h2.headline_deco_pattern2,
    #guideContents .section dl dd h2.headline_deco_pattern2 {
        letter-spacing: 2px;
        margin-top: 2px;
        color: #000000;
        font-size: 30px;
        font-weight: bold;
    }
    #qaContents .section dl dd h2.headline_deco_pattern3,
    #guideContents .section dl dd h2.headline_deco_pattern3 {
        width: 100%;
        letter-spacing: 2px;
        padding-left: 0px;
        text-align: center;
        margin: 0;
        color: #000000;
        font-size: 40px;
        font-weight: bold;
    }
    #qaContents .section dl dd h2.headline_deco_pattern4:before,
    #guideContents .section dl dd h2.headline_deco_pattern4:before {
        content: "";
        width: 6px;
        height: 100%;
        background: #AF0D00;
        position: absolute;
        left: 10px;
    }
    #qaContents .section dl dd h2.headline_deco_pattern4,
    #guideContents .section dl dd h2.headline_deco_pattern4 {
        margin: 0;
        padding: 0 10px 0 25px;
        text-align: justify;
        letter-spacing: 2px;
        position: relative;
        color: #000000;
        font-size: 40px;
        font-weight: bold;
    }
}
@media screen and (min-width: 768px) {
    #qaContents .section dl dd h2.headline_deco_pattern0,
    #guideContents .section dl dd h2.headline_deco_pattern0 {
        color: #000000;
        font-size: 22px;
        font-weight: normal;
    }
    #qaContents .section dl dd h2.headline_deco_pattern1,
    #guideContents .section dl dd h2.headline_deco_pattern1 {
        background-color: #D9D9D9;
        margin: 0;
        padding: 4px 0 4px 10px;
        border-bottom: solid 1px #000000;
        padding-right: 10px;
        text-align: justify;
        color: #000000;
        font-size: 22px;
        font-weight: normal;
    }

    #qaContents .section dl dd h2.headline_deco_pattern2,
    #guideContents .section dl dd h2.headline_deco_pattern2 {
        letter-spacing: 2px;
        margin-top: 2px;
        color: #000000;
        font-size: 33px;
        font-weight: bold;
    }
    #qaContents .section dl dd h2.headline_deco_pattern3,
    #guideContents .section dl dd h2.headline_deco_pattern3 {
        width: 100%;
        letter-spacing: 2px;
        padding-left: 0px;
        text-align: center;
        margin: 0;
        color: #000000;
        font-size: 44px;
        font-weight: bold;
    }
    #qaContents .section dl dd h2.headline_deco_pattern4:before,
    #guideContents .section dl dd h2.headline_deco_pattern4:before {
        content: "";
        width: 6px;
        height: 100%;
        background: #AF0D00;
        position: absolute;
        left: 10px;
    }
    #qaContents .section dl dd h2.headline_deco_pattern4,
    #guideContents .section dl dd h2.headline_deco_pattern4 {
        margin: 0;
        padding: 0 10px 0 25px;
        text-align: justify;
        letter-spacing: 2px;
        position: relative;
        color: #000000;
        font-size: 44px;
        font-weight: bold;
    }
}