@charset "utf-8";


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

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

/*----- 基本設定 -----*/
html{ background: url(https://sentire.itembox.design/item/_image/category/PELLEMORBIDA/pelle_interview_02/pm_intv2_bgimg.jpg);
background-attachment: scroll;
background-size: contain; }
body { color:#555555; font-family: 'Noto Sans JP', sans-serif; font-size: 100%; line-height:1.7; width:1000px; margin:0 auto;  background:#ffffff;}

.w950_wrapper {
width:950px;
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; }*/

/*----- コンテンツ中のスタイル -----*/
#intvPM {width:1300px;}
#intvCont {width:1300px;}
#pm2_title {width:950px; margin:50px auto 120px; }
#hoshibasi_movie {width:950px; margin:30px auto;}
#hoshibasi_selection {width:950px; margin:150px auto; }
#position_selection {margin-top:-24px; padding-top:24px; }
#cocodrillo_series, #lizard_series, #mare_series{ margin:20px 0 170px;}
#position_cocodrillo, #position_lizard, #position_mare{margin-top:-24px; padding-top:24px; }
#series_images {width:950px; margin:0 auto;}
.series_mainimg{margin-bottom:70px;}
#item_detail {width:1000px; margin-bottom:80px;}
.item_title {width:950px; margin:0 auto 20px;}
.btn_wrap { width:826px; margin:0 auto;}
.series_btn_img { text-align:center; margin-bottom:30px;}

/*--- アイテム紹介 ---*/
.item_footer_wrap { padding:0; width:100%; z-index:-1; } /* 各itemBoxに加えてフッターを囲む大ボックス */
.item_box { width:950px; margin:0 auto 2em; overflow:hidden;}
.items { margin-right:-10px; padding:0; } /* .item各フロートを囲むボックスにネガティブマージン */
.item { background:#d2cdc2; float:left; margin:0 10px 10px 0; padding:15px; text-align:center; width:230px; height:370px; } 
.item a { color:#1d1009; font-size:.9em; width:100%; outline:none; text-decoration:none; position:relative;}
.item img { background-color:#fff; }
.item a:hover { text-decoration:underline; }
#mare_item .item { width:230px; height:390px;}
#lizard_item, #mare_item, #cocodrillo_item { margin-bottom:50px;}

.item_text { color:#1d1009; font-family: Meiryo,"Hiragino Kaku Gothic ProN","MS PGothic",sans-serif;
font-size:16px; font-weight:normal; line-height:1.5em; margin:10px auto 10px; display:block; }
.fz14px {font-size:14px;}

/* ヘッダー */
.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:640px; height:auto; margin-bottom:10px; display:none; }

/* ムービー枠 */
.movie_bg {width:950px; height:563px; display:block; 
background-image: url("https://sentire.itembox.design/item/_image/category/PELLEMORBIDA/pelle_interview_02/pm_intv2_movie_pc.jpg"); background-repeat:no-repeat; }

/* ムービー */
.pc_movie{ width:640px; height:406px; margin:0 auto 0; display:block; padding-top:130px; }
.smp_movie{ border:none; }

/* 干場氏プロフィール */
.profile { width:950px; margin:10px auto 30px; 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;}


/*ブランドページへバナー  #toBrandBa
============================================================*/
.toBrandBa { width:950px; text-align:right; margin:60px auto 48px; -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; }

/* 干場氏インタビューVol.1 */
.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; }

/* シリーズカテゴリーへ戻るボタン */
.seriestop a{ font-size:16px; color:#362e2b; text-align:right; display:block; margin:0 25px 70px 0;}
.seriestop a:hover { text-decoration:underline; }

/* 最下部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%; }