@charset "utf-8";

/* iframe ヘッダー読み込み  */
.ifItemOut { width:1200px; height:500px; margin:0 auto; display:block; }
.smpHeader { border:none; width:100%; height:auto; margin-bottom:10px; display:none; }

.w950_wrapper {
width: 950px;
margin: 0 auto;
}

/* PCでは非表示 */
.sp_show { display:none; }
/* PCでは表示 */
.pc_show { display:block; }

/*----- 基本設定 -----*/
html{ width:100%; }
body { color:#555555; font-family: 'Noto Sans JP', sans-serif; font-size: 100%; line-height:1.7; width:1200px; margin:0 auto; }


/* パディングとボーダーをコンテンツ幅に含める */
*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }

h2{ margin:2em 0 0; background:#1d1009; color:#c6bda8; border-radius: 4px; line-height:1.3; padding:15px; }
h3{ margin:2em 0 1em; padding: .1em 0 .1em .7em; border-left: 5px solid #C6BDA8; font-size:21px;}


/* micro clearfix
-----------------------------------------------------*/
.cf:before, .cf:after { content: " "; display: table; }
.cf:after { clear: both; }
.cf { *zoom:1; }
/* float */
.fl_l { float:left; }
.fl_r { float:right: }
/* マージン */
.mr5 { margin-right: 5px; }
.mr10 { margin-right:10px; }	
.mr15 { margin-right:15px; }
.mr20 { margin-right:20px; }
.mr25 { margin-right:25px; }
.mr30 { margin-right:30px; }

.ml5  { margin-left: 5px; }
.ml10 { margin-left:10px; }	
.ml15 { margin-left:15px; }
.ml20 { margin-left:20px; }
.ml25 { margin-left:25px; }
.ml30 { margin-left:30px; }

.mb50 { margin-bottom:50px; }

/*----- コンテンツ中のスタイル -----*/
.que {color:#bf0000;}
.capR { font-size: 12px; line-height:1.5; margin-bottom: 2em; text-align: right; }
.pf_text { font-size: 14px; line-height:1.5; margin-bottom: 2em;}
.pf_text:first-line { font-size: 16px; font-weight: bold; line-height:2;}
.profile { width:100%; margin:50px 0 50px; padding-top:10px; overflow:hidden; border-top: 1px solid #000; border-bottom: 1px solid #000; }
.pf_img img{float:left; margin-top:24px; width:40%; }
.pf_text_full { font-size: 13px; line-height:1.7; margin-bottom: 2em; width:55%; float:right;}
.pf_text_full:first-line { font-size: 20px; line-height:2;}

#yh_profile {margin-top:-24px; padding-top:24px; display:block; }


/* ヘッダー */
.ifItemOut{ width:1200px; height:500px; margin:0 auto; display:block; }
.pc_movie{ width:950px; height:750px; margin:0 auto; display:block; }
.smpHeader, .smp_movie{ border:none; width:100%; height:auto; margin-bottom:10px; display:none; }

/* 干場義雅氏 動画コメント */
.yh_movie {margin:30px 0;}
/* タイトル */
.tit_yhoshiba_movie {width:680px; height:110px; display:block;
background-image: url("https://image.rakuten.co.jp/sentire/cabinet/pelle_interview/movie_tit.jpg"); background-repeat:no-repeat; background-position: center center; background-color:#C8BDA9; padding:0 20px 0;}
.tit-non {display:none;}

/* ムービー */
.pc_movie{ width:680px; height:426px; margin:0 auto 0; display:block; background-color:#C8BDA9; }
.smp_movie{ border:none; width:340px; height:auto; margin:-10px 0 10px; display:none; ; background-color:#C8BDA9; padding:10px 0 5px;}


/* 干場氏インタビューVol.2 */
.to_intv_01 { width:720px; text-align:right; margin:10px auto 100px; -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; -ms-transition: all .2s; transition: all .2s; }
.to_intv_01:hover { opacity:.6; cursor:pointer; }


/*ブランドページへバナー  #toBrandBa
============================================================*/
.toBrandBa { text-align:right; margin:60px 0 48px 0; -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; -ms-transition: all .2s; transition: all .2s; }
.toBrandBa:hover { opacity:.6; cursor:pointer; }

/* 最下部TOPページへ戻るボタン */
.toTop { display: block; margin: 3em auto 3em; width:100%; clear:both;}
.toTop a { display: block; width: 80%; line-height: 3; margin: 10px auto; background-color: #900; color: #fff; text-decoration:none; text-align: center; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; -ms-transition: all .2s; transition: all .2s; }
.toTop a:hover { opacity:.6; cursor:pointer; }

/* このページの先頭に戻る */
#backTopPC { bottom:20px; right:20px; position:fixed; z-index:10; display:none; }
#backTopPC a img { opacity:.7; width:44px; height:44px; }
#backTopPC a:hover img { opacity:.5; }



/*フッター
============================================================*/
footer p { margin:0 auto; padding:2em 0 3em; text-align:center; width:100%; }