@charset "utf-8";

/*@media screen and (max-width: 767px) {*/
/* タブレット・スマートフォンのスタイルここから */


html{ width:100%;
background:none;
background-attachment:scroll;
background-size:auto;
padding: 0;
margin: 0;
font-size: 100%;
}

body { width:90%; margin:0 auto; font-family: 'Noto Sans JP', sans-serif; -webkit-text-size-adjust: 100%;}
img { max-width: 100%; }
#intvCont { width:100%; margin-top:30px; margin:0 auto; margin-left:auto; margin-right:auto;}

/* スマートフォンでは非表示 */
.pc_show { display:none; }
/* スマートフォンでは表示 */
.sp_show { display:block; }


/* 干場義雅氏 動画コメント */
#hoshibasi_movie{ width:100%; margin:50px auto 0; }
#movie_title{ margin-bottom:30px;}
.pc_movie{ display:none; }
.smp_movie{ margin:0 auto 0; display:block; }


/* コンテンツ内（PC非表示） */
#position_selection {margin-top:-10px; padding-top:10px; }
#hoshibasi_selection{ width:100%; margin:70px auto 100px; margin-left:auto; margin-right:auto;}
#hoshibasi_selection_title{margin-bottom:30px;}

.title_tex{ background-color:#F1F1F1; font-size:1rem; padding:3%; }
.yh_comment{ width:100%; font-size:0.9rem; }

.series_btn_img { text-align:center; margin-bottom:20px; }

#cocodrillo_series, #lizard_series, #mare_series{ margin:20px 0 150px;}
#position_cocodrillo, #position_lizard, #position_mare{margin-top:-10px; padding-top:10px; }


/* シリーズ ディテール */
.series_mainimg{margin-bottom:30px;}
.item_detail {width:100%; margin-bottom:50px;}
.item_detail_text {width:100%;}
.point {width:100%; overflow:hidden; clear:both; }
.point_img{ width:7%; float:left; }
.detail_comment:first-line { font-size:1rem; font-weight:500; line-height:2; }
.detail_comment{ float:left; width:90%; font-size:0.8rem; margin-left:3%;}

.item_title {clear:both; }


/* アイテム一覧（スマホ表示） */
.item_box { width:100%; margin:0 0 2em; }
.item { width:100%; background:#d2cdc2; margin-top:20px; overflow:hidden; clear:both; height:auto;} 
.item img { width:30%; float:left; margin:5%; }
.item a { outline:none; text-decoration:none; }
.item a:hover { text-decoration:underline; }
.item_text { width:60%; color:#1d1009; font-family: Meiryo,"Hiragino Kaku Gothic ProN","MS PGothic",sans-serif; font-size:0.9rem; font-weight:normal; margin:5% 0; line-height:1.2; display:block; float:left; }
#lizard_item, #mare_item, #cocodrillo_item,mare_item { margin-bottom:50px;}



/* ヘッダー */
.ifItemOut { display:none; }
.smpHeader { display:block; }

/* 干場義雅氏 プロフィール */
.profile { width:100%; margin:20px 0 20px; padding-top:10px; overflow:hidden; border-top: 1px solid #000; border-bottom: 1px solid #000;}
.pf_img img{margin-top:24px; width:100%; }
.pf_text_full:first-line { font-size: 0.9rem; line-height:2; font-weight:500;}
.pf_text_full { font-size:0.8rem; line-height:1.7; margin-bottom: 2em; width:100%; }

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

/* 下から出てくる TOPへ戻るボタン */
#backTopPC { bottom:0px; right:6px; position:fixed; z-index:10; display:none; }
#backTopPC a img { opacity:.3; width:44px; height:44px; }
#backTopPC a:hover img { opacity:.3; }

/* 干場氏インタビューVol.1 */
.to_intv_01 { width:100%; margin:10px auto 30px; -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; }
.to_intv_01 span {font-size:0.9rem;}

/*ブランドページへバナー  #toBrandBa
============================================================*/
.toBrandBa { width:100%; margin:10px 0 50px 0; -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; -ms-transition: all .2s; transition: all .2s; }
.toBrandBa span {font-size:0.9rem;}

.toTop {margin-bottom:50px;}

/* タブレット・スマートフォンのスタイルここまで */