/* 最終更新：2022/3/29 sohki_saegusa */

/* ---------- 共通_start ---------- */
/* 動画再生アイコン */
.div_yt_box{ position: relative;}
.div_yt_icon{
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
div.div_yt_icon img{ width: 40%;}

/* バナー系ホバー動作 */
div.hover:hover{ opacity: 0.8;}

/* figureSize */
.figure_size img {
    max-width: 100%;
    height: auto;
    margin-bottom: 10px
}
@media all and (min-width: 641px){
    .figure_size img {
        width: 45%;
        height: auto
    }
}

/* 太字 */
#bold{ font-weight:bold; display: inline;}
span.marker{ font-weight:bold; background: linear-gradient(transparent 60%, #ffdc00 60%); }
span.red{ font-weight: bold; color: red;}

/* urllink */
a.urllink{ text-decoration: underline; color: blue;}

/* センタリング指定 */
.bl_sect.bl_sect__index_campaign,
.news_sticker_img,
.div_sns_info{
    /* お友達ご紹介キャンペーントップページ(cpバナー) */
    /* トップページお知らせ欄のスクロール表示 */
    /* SNS紹介ページの画像 */
    text-align:center;
}

/* タブレットmargin調整 */
@media all and (min-width: 641px){
    section.bl_sect.bl_sect__campaign{ min-width: 1200px;}
}

/* 商品ページ動画 */
div.div_item-yt{ margin: 10px 0; width: 100%; text-align: center;}
/* sp */
@media all and (max-width: 767px){ .div_item-yt iframe{ height: 180px; max-height: 180px;} }
/* pc */
@media all and (min-width: 641px){ .div_item-yt iframe{ height: 653px; max-height: 653px;} }
/* ---------- //共通_end ---------- */

/* ---------- TOPページ_start ---------- */
/* トップページお知らせ欄のスクロール表示*/
.fs-p-dateList.bl_sect_index02_news_colUnit.fs-pt-list.fs-pt-list--noMarker{
    width: auto;
    height: 400px;
    overflow-y: scroll;
    overflow-x: hidden;
}

/* TOPページ動画 */
.div_yt_box.div_video_topview{
    position: absolute;
}
.div_yt_box.div_video_topview img,
.div_yt_box.div_video_topview iframe{
    object-fit: cover;
}
#topview img{
    height: 100%;
    width: 50%;
    opacity: 0.8;
}

/* トップページ上部お知らせ欄*/
.bl_sect.bl_sect__sokio2.top_info{ background: none; padding: 0;}
.bl_sect.bl_sect__sokio2.top_info .bl_sect_questionList{ margin: 10px 0;}
.bl_sect.bl_sect__sokio2.top_info .bl_drawer_bodyInner{ background: none;}
@media all and (max-width: 767px){
    /* 文字サイズ・余白調整(sp) */
    .bl_sect.bl_sect__sokio2.top_info .el_btn.bl_drawer_toggle h2,
    .bl_sect.bl_sect__sokio2.top_info .el_btn.bl_drawer_toggle p{ font-size: 13px;}

    .bl_sect.bl_sect__sokio2.top_info .el_btn.bl_drawer_toggle h2{padding: 16px 0;}
    .bl_sect.bl_sect__sokio2.top_info .el_btn.bl_drawer_toggle p{padding: 10px 10px 35px;}
}

/* ---------- //TOPページ_end ---------- */

/* ---------- お友達紹介キャンペーン_start ---------- */
/* Title */
@media (min-width: 641px){
    #bl_mv_recommend{ width: 460px;}
}

/* 上部お知らせ欄 */
p.p_topinfo{
    background-color: rgb(247, 47, 33);
    text-align: center;
    width: auto;

    margin: 0 auto;    
    
    /* 文字*/
    color: #fff;
    font-weight: bold;

    font-size: 24px;
}
@media all and (min-width: 641px){
    p.p_topinfo{
        margin: 15px auto;
        font-size: 40px;
    }    
}

/* txt_decoration */
.bl_sect.bl_sect__campaign .ly_cont>ul>li>h3{
    font-size:18px;
    color:#333;
    padding-bottom:10px;
    border-bottom:1px solid #99ad91;
    margin-top:20px;
    margin-bottom:10px;
    font-weight:700;
}

/* maintxt */
@media all and (min-width: 641px){
    /* heading */
    .bl_sect.bl_sect__campaign{
        margin-top:0;
        padding-top:50px;
        padding-bottom:50px
    }
    /* txt */
    .bl_sect.bl_sect__campaign.ly_cont>ul{
        margin-top:50px;
        padding:0 80px
    }
    /* brankspace */
    .bl_sect.bl_sect__campaign.ly_cont>ul>li>h3{ margin-top:60px}
}

/* TeikiBtn */
.bl_sect.bl_sect__cta.sec_recommend_cp{ padding: 0;}

.el_btn.el_btn__ctaTeiki{
    background:linear-gradient(to top,#de461e 0%,#ff703e 100%);
    text-align:center;
    display:block;
    width:calc(100% - 36px);
    margin:21px auto 21px;
    padding:15.6px 0 16.8px;
    outline:1px solid #fff;
    outline-offset:-4px;
    position:relative;
}
.el_btn.el_btn__ctaTeiki>i{    
    font-family:"Noto Serif JP",
    "ヒラギノ明朝 ProN W3",
    "Hiragino Mincho ProN",
    "HG明朝E",
    "ＭＳ Ｐ明朝",
    "ＭＳ 明朝",
    serif;

    text-shadow:0px 0px 9px rgba(183,38,0,0.4);
    font-weight:700;
    font-size:14.4px;
    color:#fff
}
@media all and (min-width: 641px){
    .el_btn.el_btn__ctaTeiki>i{ font-size:24px;}
}
/* Video */
.div_video.div_video_recommend{
    margin: 2% 0;
    text-align: center;
}
.div_video.div_video_recommend img,
.div_video.div_video_recommend iframe
{
    width: 100%;
}
.div_video.div_video_recommend iframe{ height: 200px;}
@media all and (min-width: 641px){
    .div_video.div_video_recommend iframe{ height: 600px;}
}

/* ---------- //お友達紹介キャンペーン_end ---------- */

/* ---------- 初めての方へページ_start ---------- */
/* SNS一覧の余白調整 */
.bl_sect.bl_sect__sns.cont_innner{ padding: 0;}
/* SNS紹介お知らせ画像(sp) */
@media all and (max-width: 767px){
    .div_sns_info img {
        max-width: 70%;
        height: auto;
    }
}
/* ---------- //初めての方へページ_end ---------- */

/* ---------- sohkioh_trialpage _start --------- */
/* キャンペーン画像 */
picture.picture_campaign{
    display: inline;
    text-align: center;
    margin: 2% 0;
}
/* 注意書き文字調整 */
div.div_notes h3{
    margin: 2% 0;
}
div.div_notes li{
    text-align: left;
}
/* ---------- //sohkioh_trialpage_end ---------- */

/* ---------- 埋め込みフォーム共通 _start -------- */
/* フォーム外枠装飾 */
div.div_application_form{
    border: 3px solid;
    border-color: rgb(64, 142, 30);
    padding: 2%;
}
/* フォーム名称 */
div.div_application_form .p_formtitle{
    text-align: center;
    font-size: 20px;
    font-weight: bold;
}
/* 必須項目 */
p.hissu{
    color: red;
    font-weight: bold;
}
p.p_margintop{
    margin-top: 20px;
}

/* 送信ボタン */
p.p_submit{
    margin: 15px 0;
    text-align: center;
}

p.p_submit input{
    width: 200px;
    color: #fff;
    font-size: 20px;
    background-color: rgb(64, 142, 30);
    border-color: rgb(64, 142, 30);
    border-bottom-color: rgb(64, 170, 18);
    border-right-color: rgb(64, 170, 18);
}
/* ---------- 埋め込みフォーム共通 _end ---------- */

/* ---------- サンクスページ共通 _start ---------- */
/* サンクスページのtopボタン */
p.p_topbtn{
    margin: 15px auto;
    text-align: center;
    width: 500px;
    max-width: 100%;
    height: 40px;
    background-color: rgb(64, 170, 18);
    border-style: solid;
    border-color: rgb(64, 170, 18);
    border-bottom-color: rgb(64, 142, 30);
    border-right-color: rgb(64, 142, 30);

    /* 文字*/
    color: #fff;
    font-size: 20px;
}
/* ---------- サンクスページ共通 _end ------------ */