@charset "utf-8";

/*スマートフォン用のCSSです。*/
/*header
---------------------------------------------------------------------------*/
header h1{
    text-align: left;
    font-size:35px;
    letter-spacing: -0.08em;
    padding:10px 0 10px 4%;
}

header>ul{
    top:10%;
    right:10px;
}

.SNS_btn {
    margin:20px 0 0 4px;
}

.SNS_btn>li{
    margin-bottom:13px;
}

#fb_share , #twitter_share{
    width:40px;
    height:auto;
}

#SNS_img{
    width:50px;
    heght:auto;
}
/*#main内の設定
---------------------------------------------------------------------------*/
#main {
    float: none;
    width: auto;
    margin:100px auto auto auto;
}

section{
    margin: 40px 0;
}

section h1{
    font-size:130%;
}

section p {
    font-size:90%;
}

/*画像の設定*/
.main_img{
    max-width:100%;
}

/*生酵素へのボタン*/
.btn_1{
    width:100%;
    height:auto;
}

/*ボタンのリンク範囲の制限*/
.btn_wrapper{
    width:95%;
    height:auto;
    margin:0 auto;
    max-width:400px;
}

#Sponsored{
    font-size:15px;
    color:#000;
}

#top_btn {
    display: none;
}

.top_sp_btn{
    width:100%;
    height:auto;
    background-color: #fa71b5;
    padding:15px 0 15px 0;
    text-align: center;
    box-shadow: 0px 4px 2px 0px rgba(0,0,0,0.4) inset;
}

#top_sp_btn{
    width:25px;
    height:auto;
}