/* ==========================================================
   My Sony STORY #008 aibo 用ローカルCSS（master.css後に読み込み）
   ========================================================== */

/* Base */
figure{font-size:0}
.only_sp{display:none!important}

/* KVまわり（masterより詰める） */
.mssKeyVisual__text{padding:35px 40px}
.mssKeyVisual__sub{font-size:16px;line-height:32px}

/* 汎用マージンユーティリティ */
.margin-top10{margin-top:10px!important}
.margin-top40{margin-top:40px!important}
.margin-top50{margin-top:50px!important}

/* コンテンツラッパー */
.contarea{margin-top:120px;padding-bottom:60px}
.cont_sub01,.cont_sub02,.cont_sub03{margin-top:100px}
.cont_inner{overflow:hidden}

/* 見出し */
.cont_title_wrap{margin-bottom:35px}
.cont_title{line-height:1.5;font-size:24px;padding-bottom:15px;border-bottom:1px solid #CDB182}

/* 2カラム */
.cont_flex,.cont_flex_reverse{padding:.1px;display:flex;justify-content:space-between}
.cont_flex_reverse{flex-direction:row-reverse}
.cont_flex_img,.cont_flex_text{width:46%}
.cont_flex_img49{width:49%}

/* 単体画像 */
.cont_img750{width:100%;max-width:750px;margin:60px auto 0}
.cont_img670{width:100%;max-width:670px;margin:60px auto 0}
.cont_flex_img img,.cont_flex_img49 img,.cont_img750 img,.cont_img670 img{width:100%}

/* テキスト */
.cont_1col_text{margin-top:30px}
.cont_text{font-size:16px;line-height:32px}

/* キャプション */
.caption{font-size:12px;line-height:22px;margin:10px 0 0;display:inline-block;text-align:left}
.caption_center,.caption_center2{font-size:12px;line-height:22px;margin:10px 0 0;text-align:center}

/* 関連・注記 */
.related_title{font-size:17px;margin:0}
.related_text{font-size:13px;line-height:1.6;margin:15px 0}
.related_text p{margin:0}
.related_link{margin:8px 0 20px}
.note{font-size:10px;line-height:2;margin:0}

/* masterより少し浮かせる */
.mssRelated__inner{background-color:rgba(255,255,255,0.5)}

/*----------------------------------
  SP（767px以下）
----------------------------------*/
@media(max-width:767px){
.only_pc{display:none!important}
.only_sp{display:block!important}
.mssKeyVisual__text{padding:4.6666vw 5vw}
.mssKeyVisual__heading{text-align:left}
.mssKeyVisual__image img{border-radius:0}
.mssKeyVisual__twoUpItem{width:100%;padding:0}
.mssKeyVisual__sub{font-size:3.6vw;line-height:7.3333vw}
.contarea{margin-top:4.7vw;padding-bottom:16vw}
.cont_sub03{margin-top:8.7vw}
.cont_sub01,.cont_sub02{margin-top:19vw}
.cont_sub01 .cont_flex_text,.cont_sub02 .cont_flex_text{margin-top:0}
.cont_title_wrap{margin-bottom:7.3vw}
.cont_title{font-size:5.6vw;padding-bottom:5vw}
.cont_flex,.cont_flex_reverse{margin-top:0!important;display:block}
.cont_flex_img,.cont_flex_img49{width:100%;margin-top:9.3333vw}
.cont_flex_text{width:100%;margin-top:8.7vw}
.cont_img750{margin-top:11vw}
.cont_img670{margin-top:12vw}
.cont_1col_text{margin-top:9.3333vw}
.cont_text{font-size:3.6vw;line-height:7.3333vw}
.caption,.caption_center,.caption_center2{font-size:2.9333vw;line-height:6vw;margin:2.6vw 0 0}
.caption_center2{text-align:left}
.related_title{font-size:3.4667vw}
.related_text{font-size:2.9333vw;margin:2vw 0}
.related_text p{margin:1vw 0}
.note{font-size:2.4vw;margin:0 0 7vw!important}
.mssRelated__image{width:55%;margin:0 auto}
}
