/* 本番環境に移すときはURLなどの変更に注意。*/
.text-center{
    text-align:center;
}
.text-right{
    text-align: right;
}

section {
    margin-top: 50px;
    margin-bottom: 50px;
}


.btn-cta {
    padding: 23px 50px;
    border-radius: 3px;
    margin-top: 55px;
    font-size: 130%;
    font-family:Roboto, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Arial, "メイリオ", Meiryo, sans-serif;
}

.subtitle,.subtitle1,.subtitle2,.subtitle3 {
    font-family:Roboto, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Arial, "メイリオ", Meiryo, sans-serif;
}
/*accordion*/
#faq dl{
    border-bottom:1px dotted #ccc;
    border-top:none;
}
#faq dt .news_title {
    font-weight:bold;
}
@media only screen and (min-width: 768px){
    #faq dt .news_title {
        padding-left: 0;
    }
}

/*罫線*/

hr.dotted{
    background: url(/html/user_data/bg/line-brown-dotted.png) repeat-x center center;
    height: 20px;
    border: none;
}

hr.leaf{
    background: url(/html/user_data/bg/line-brown-leaf.png) repeat-x center center;
    height: 20px;
    border: none;
}

.str-gray{    
    background: url(/html/user_data/bg/b_simple_7_0M.png) no-repeat bottom center;
    height: 45px;
    border: none;
}

.str-pink{    
    background: url(/html/user_data/bg/b_simple_7_1M.png) no-repeat bottom center;
    height: 45px;
    border: none;
}

img.eyecatch{
    height:auto;
}

@media only screen and (min-width: 1150px){
    img.eyecatch{
    width:1118px;
    max-width:1118px;
    margin:0 auto;
    display:block;

    }
    #salacia img.eyecatch{
        height:419px;
    }
}


blockquote{
    margin: 1.5em 0;
    padding: 3em 2em;
    background: #f1f1f1;
    color: #444;
    position:relative;
}

blockquote:before{
    content: "\f10d"; /* FontAwesomeの引用符（終点） */
    font-family: FontAwesome;　/* フォントファミリーをFontAwesomeに指定 */
    font-size:2em;
    line-height:1em;
    color:#fff;
    position:absolute;
    left:0.2em;
    top:0.2em;
    font-size:45px;
}

blockquote:after{
    content: "\f10e"; /* FontAwesomeの引用符（始点） */
    font-family: FontAwesome;　/* フォントファミリーをFontAwesomeに指定 */
    font-size:2em;
    line-height:0em;
    color:#fff;
    position:absolute;
    right:0.2em;
    bottom:0.5em;
    font-size:45px;
}

/******************************************************
ローヤルゼリー
******************************************************/
#royaljelly .subtitle2 {
    font-size: 180%;
    color: darkorange;
}

#royaljelly .cta{
    background: url(/html/user_data/royaljelly/cta-bg.jpg) center bottom no-repeat;
    border-radius: 10px;
    background-size: cover;
}

#royaljelly #seibun-big {
    display:block;
}

#royaljelly #seibun{
    display: none;
}

@media only screen and (max-width: 768px){
    #royaljelly #seibun-big {
        display:none;
    }
    #royaljelly #seibun{
        display: block;
        padding: 0 1.5em;
    }
    #royaljelly #seibun h3{
        border-bottom: 1px dashed darkorange;
    }
}



/******************************************************
プロバリア
******************************************************/
#flora-title{
    background:url("/html/user_data/probaria/flora-title.png") no-repeat center center transparent;
    min-height: 70px;
}
#flora{
    background-color:#fffee8;
}
#probaria .subtitle{
    font-size: 180%;
    text-shadow: 0 1px 1px #b59174; 
    color: #612f0a;
}
#probaria .subtitle2{
    font-size: 180%;
    text-shadow: 0 1px 1px #9ba6b9;
    color: #565656;
}
#probaria .subtitle3{
    text-shadow: 0 1px 1px #b5b5b5;
    font-size:130%;
}
@media only screen and (min-width: 481px) and (max-width: 768px){
    #probaria .btn-cta{
        padding: 10px 20px;
        margin-top: 100px;
        font-size: 100%;
    }
}
@media only screen and (max-width: 480px){
    #probaria .btn-cta{
        padding: 10px 20px;
        margin-top: 120px;
        font-size: 90%;
    }
    #probaria .subtitle2{
    font-size: 150%;
    }
}

/* サラシア茶のLP ------------------------------*/

.salacia-cta{
background:url(/html/user_data/bg/green_fablic.jpg) repeat center center #efefef;
border-radius:5px;
margin-top:40px;
}


#salacia-effect .detail {
    background: url(/html/user_data/salacia/asianleaf.jpg) no-repeat center center;
    min-height: 330px;
    padding: 45px 40px;
}


/*nayami */
#nayami ul {
    padding-left: 20px;
    padding-right: 20px;
}

#nayami ul li {
    font-size: 120%;
    line-height: 2;
}

#nayami ul li i {
    margin-right: 10px;
}


/* midashi */
#salacia h3.deco1{
    background: #6cd0ae;
    color: #fff;
    padding: 5px 15px;
    border-radius: 18px;
    display: inline;
    font-size:100%;
}



#salacia .subtitle {
    color: #de5d50;
    font-size: 200%;
    text-shadow: 0 1px 1px #bbb;
    margin-bottom: auto !important;
}
#salacia .subtitle2 {
    color: #866917;
    font-size: 180%;
    text-shadow: 0 1px 1px #bbb;
}