@charset "UTF-8";

/* テンプレート version 1.13 */

/* ----------------------------------------------------------------------------------
特集名 / vol. 1 / ver. 1
---------------------------------------------------------------------------------- */

/* 初期化
---------------------------------------------------------------------------------- */

#powerpush-area {
	width: 1040px;
	left: 0;
	background: #fff;
	border-top: 0 none;
}

/* 汎用スタイル
---------------------------------------------------------------------------------- */

/* 文字装飾 */
#powerpush-area cite {
	font-style: normal;
}
#powerpush-area small {
	font-size: smaller;
	font-weight: normal;
	font-style: normal;
}
.notes {
	font-size: smaller;
	font-style: normal;
	font-weight: normal;
}
/* フォント設定 */
.PP_font_sans-serif {
	font-family: 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.PP_font_serif {
	font-family: "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "游明朝体", "Yu Mincho", "游明朝体", "YuMincho", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", serif;
	font-weight: 500;
}
.PP_font_yu-go {
	font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", YuGothic;
	font-weight: 500;
}
.PP_font_yu-min {
	font-family: "游明朝体", "Yu Mincho", "游明朝体", "YuMincho", YuMincho;
	font-weight: 500;
}
/* 画像置換 */
.PP_imgRep {
	display: block;
	background: transparent no-repeat left top;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
/* シェアボタン */
.PP_share {
}
.PP_pager + .PP_share{
	border-top: solid 1px rgba(0,0,0,0.2);
	margin-bottom: 20px;	
	padding-top: 20px;
}
/* 訂正文 */
.PP_correction {
	clear: both;
	color: #f00!important;
}

/* ヘッダー
---------------------------------------------------------------------------------- */

.PP_header {
	position: relative;
	margin-bottom: 1px;
}
.PP_header h1 {
	margin: 0;
	padding: 0;
}
.PP_header h1 img {
	display: block;
}

/*扉ページへのリンク*/
.PP_header_link {
	position: absolute;
	z-index: 2;
	top: 0;
	left: 0;
	line-height: 0;
}
.PP_header_link a:hover {
	opacity: 0.9;
}

/* メイン記事レイアウト
---------------------------------------------------------------------------------- */

.PP_main {
	box-sizing: border-box;
	width: 590px;
	position: relative;
	left: 40px;
	float: left;
	text-align: left;
	margin: 0;
	padding: 20px 0 0 0;
}


/* ページャー
---------------------------------------------------------------------------------- */

.PP_pager .sp-tab {
	margin: 0 0 20px 0;
	padding: 0;
	list-style: none outside;
	text-align: center;
}
.PP_pager li {
	display: inline-block;
	margin: 0 3px;
	color: #fff;
	font-size: 14px;
	line-height: 1.5;
}
.PP_pager li.sp-tab-prev, .PP_pager li.sp-tab-next {
	color: #b8bcbf;
	color: rgba(98, 101, 103, 0.3);
}
.PP_pager li span {
	padding: 6px 8px 5px 8px;
	display: block;
	background: #9ca5af;
	background: rgba(156, 165, 175, 0.75);
	border-radius: 2px;
}
.PP_pager li a {
	color: #357bc1;
}
.PP_pager li a span, .PP_pager li.sp-tab-prev span, .PP_pager li.sp-tab-next span {
	background: #e6e9ec;
	background: rgba(227, 231, 235, 0.75);
	background: transparent;
}
.PP_pager li a:hover span {
	background: #d7e7f8;
	background: rgba(215, 231, 248, 0.75);
}
.PP_pager li a:hover {
	color: #357bc1;
}
.PP_pager .sp-tab-prev span:before, .PP_pager .sp-tab-next span:after {
	font-family: "NataIcon";
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.PP_pager .sp-tab-prev span:before {
	margin-right: 3px;
	content: "\e003";
}
.PP_pager .sp-tab-next span:after {
	margin-left: 3px;
	content: "\e002";
}
/* 白（透過なし） */
.PP_pager.PP_pager_white li {
	color: #333;
}
.PP_pager.PP_pager_white li span {
	background: #fff;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
}
.PP_pager.PP_pager_white li a {
	color: #357bc1;
}
.PP_pager.PP_pager_white li.sp-tab-prev, .PP_pager.PP_pager_white li.sp-tab-next {
	color: #c8cdd5;
}
.PP_pager.PP_pager_white li a span, .PP_pager.PP_pager_white li.sp-tab-prev span, .PP_pager.PP_pager_white li.sp-tab-next span {
	background: #fff;
}
.PP_pager.PP_pager_white li a:hover span {
	background: #fff;
}
.PP_pager.PP_pager_white li a:hover {
	color: #e85082;
}
/* ダークテーマ */
.PP_pager.PP_pager_dark li {
	color: #fff;
}
.PP_pager.PP_pager_dark li span {
	background: #525558;
}
.PP_pager.PP_pager_dark li a {
	color: #fff;
}
.PP_pager.PP_pager_dark li.sp-tab-prev, .PP_pager.PP_pager_dark li.sp-tab-next {
	color: #5c6065;
}
.PP_pager.PP_pager_dark li a span, .PP_pager.PP_pager_dark li.sp-tab-prev span, .PP_pager.PP_pager_dark li.sp-tab-next span {
	background: transparent;
}
.PP_pager.PP_pager_dark li a:hover span {
	background: #35383a;
}
.PP_pager.PP_pager_dark li a:hover {
	color: #d6dade;
}
/* ミニサイズ */
.PP_pager.PP_pager_min li {
	margin: 0 2px;
	font-size: 13px;
	line-height: 1.4;
}
.PP_pager.PP_pager_min li span {
	padding: 4px 5px 3px 5px;
}

/* 開閉ブロック
---------------------------------------------------------------------------------- */

.PP_toggle {
	clear: both;
	margin: 10px 0;
	background: #fff;
	border-radius: 5px;
}
.PP_toggle .PP_toggle_body {
	display: none;
	margin: 0 10px;
	padding-bottom: 10px;
}
.PP_toggle_label a {
	display: block;
	cursor: pointer;
	padding: 10px;
	color: #0d79cc;
	font-size: 90%;
	line-height: 1.4;
	text-align: center;
}
.PP_toggle_label a:hover {
	color: #e85082;
}
.PP_toggle_label a:before {
	font-family: "NataIcon";
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "\e008";
	margin-right: 0.2em;
}
.PP_toggle_label.PP_toggle_active a:before {
	content: "\e009";
}

/* サイドカラムのデザイン
---------------------------------------------------------------------------------- */


.PP_aside:last-child {
	border-radius: 0 0 0 5px;
}
.PP_main .PP_aside {
	margin: 0 0 3em 0;
	border-radius: 3px;
}

/* 商品情報
---------------------------------------------------------------------------------- */

.PP_aside .PP_item {
	margin: 0 0 10px 0;
	border-top: 1px dotted rgba(0, 0, 0, 0.2);
}
.PP_aside .PP_item:first-child {
	border-top: 0 none;
}
.PP_item dt {
	margin: 0 0 0.3em 0;
	padding: 0;
	font-size: 95%;
	font-weight: normal;
	line-height: 1.4;
}
.PP_item dt cite {
	display: inline-block;
	font-style: normal;
	font-weight: bold;
}
.PP_item dt span {
	display: inline-block;
}
.PP_item_type {
	padding: 0 0 10px 0;
}
.PP_item dt + .PP_item_type {
	margin-top: 10px;
}
.PP_item_type:last-child {
	padding-bottom: 0px;
}
.PP_item_type:after {
	content: '';
	display: block;
	width: 0;
	height: 0;
	clear: both;
}
.PP_item_image {
	float: left;
	width: 120px;
	margin: 0 10px 0 0;
}
.PP_work_image {
	margin: 0 0 10px 0;
	line-height: 0;
}
.PP_work_image img {
	width: 100%;
	margin: 0 0 1px 0;
}
.PP_work_image_vertical img {
	width: 100%;
	margin: 0 0 1px 0;
}
.PP_work_image_vertical {
	width: 140px;
	float: right;
	margin: 0 0 10px 10px;
	line-height: 0;
}
.PP_work_link a {
	display: block;
	position: relative;
	line-height: 1.4;
	text-align: center;	
	margin: 0;
	padding: 3px 10px 1px;
	font-size: 85%;
	border-radius: 0 0 3px 3px;
	color: #fff;
}
.PP_work_link a:hover {
	opacity: 0.75;
}
.PP_work_link a:before {
	font-family: "NataIcon";
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	vertical-align: middle;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "\e001";
	position: relative;
	left: -0.3em;
	top: -0.1em;
}
.PP_item_image img {
	display: block;
	width: 100%;
}
.PP_item_image a:hover img, .PP_work_image a:hover img, .PP_work_image_vertical a:hover img {
	opacity: 0.75;
}
.PP_item_image img {
	display: block;
	width: 100%;
}
.PP_item_image a:hover img {
	opacity: 0.75;
}
.PP_item_common {
	margin-bottom: 0.5em;
	font-size: 90%;
	line-height: 1.5;
}
.PP_item_data {
	overflow: hidden;
}
.PP_item_data .PP_item_detail {
	margin: 1em 0 0.3em 0;
	padding: 0;
	font-size: 90%;
	line-height: 1.5;
}
.PP_item_data p:first-child {
	margin-top: 0;
}
.PP_item_data p:last-child {
	margin-bottom: 0;
}
.PP_item_data .PP_item_buy {
	margin: 0 0 5px 0;
}
.PP_item_data .PP_item_buy:last-child {
	margin-bottom: 0;
}
.PP_item_buy a {
	display: block;
	position: relative;
	overflow: hidden;
	box-sizing: border-box;
	width: 100%;
	max-width: 180px;
	margin: 0;
	padding: 10px 15px 10px 10px;
	box-shadow: inset 0 -1px 1px rgba(0, 0, 0, 0.2);
	border-radius: 3px;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	line-height: 1;
	text-align: left;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.PP_item_buy_large .PP_item_buy a {
	padding: 15px 20px 15px 15px;
	max-width: none;
	font-size: 14px;
}
.PP_item_buy a:hover {
	opacity: 0.75;
}
.PP_item_buy a:after {
	content: "\e006";
	speak: none;
	font-family: "NataIcon";
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	display: block;
	position: absolute;
	right: 3px;
	top: 50%;
	margin-top: -8px;
}
.PP_item_buy_large .PP_item_buy a:after {
	right: 8px;
}
/* 収録内容リスト */
.PP_item_contents {
	clear: both;
	margin: 10px 0;
	padding-top: 10px;
	border-top: 1px dotted rgba(0, 0, 0, 0.2);
}
.PP_toggle_body .PP_item_contents {
	clear: both;
	margin-top: 10px;
	padding-top: 0;
	border-top: 0 none;
}
.PP_item_contents dt {
	margin-bottom: 0.5em;
	font-size: 80%;
	font-weight: bold;
	line-height: 1.5;
}
.PP_item_contents dd {
	margin-bottom: 1em;
}
.PP_item_contents dd:last-child {
	margin-bottom: 0;
}
.PP_item_contents ol {
	margin: 0 0 0.5em 0;
	padding: 0;
	list-style: outside decimal;
}
.PP_item_contents ul {
	margin: 0 0 0.5em 0;
	padding: 0;
	list-style: outside circle;
}
.PP_item_contents li {
	margin: 0 0 0.2em 2.6em;
	font-size: 80%;
	line-height: 1.5;
}
.PP_item_contents li small {
	display: block;
}
.PP_item_contents p {
	margin: 0 0 0.2em 0;
	padding: 0;
	font-size: 80%;
	line-height: 1.5;
}
.PP_item_contents dd:last-child, .PP_item_contents ol:last-child, .PP_item_contents ul:last-child, .PP_item_contents li:last-child, .PP_item_contents p:last-child, .PP_item_contents dd p:last-child {
	margin-bottom: 0;
}
.PP_item_contents + .PP_links, .PP_toggle + .PP_links {
	margin: 1em 0!important;
}
.PP_copyright {
	font-size: 70%;
	line-height: 1.4;
	opacity: 0.8;
	margin: 0 0 10px 0;
}
/* タイル表示 */
.PP_item.PP_item_tile {
	width: 100%;
}
.PP_item.PP_item_tile:after {
	content: '';
	display: block;
	width: 0;
	height: 0;
	clear: both;
}
.PP_item.PP_item_tile .PP_item_type {
	float: left;
	width: 280px;
	margin: 0 20px 0 0;
	padding: 0;
}
.PP_item.PP_item_tile .PP_item_type:last-child {
	margin-right: 0;
}
.PP_item.PP_item_tile .PP_item_type:after {
	display: none;
	clear: none;
}

/* 商品情報 - 商品写真のサイズ設定
---------------------------------------------------------------------------------- */

/* 標準 */
.PP_item_image {
	width: 120px;
}
/* 大 */
.PP_item_size_large .PP_item_image {
	width: 140px;
}
/* 特大 */
.PP_item_size_x-large .PP_item_image {
	width: 160px;
}
/* 小 */
.PP_item_size_small .PP_item_image {
	width: 100px;
}
/* 最小 */
.PP_item_size_x-small .PP_item_image {
	width: 80px;
}
/* ワイドサイズ */
.PP_item_size_wide .PP_item_image {
	width: 100%;
	float: none;
	margin: 0 0 10px 0;
}
.PP_item_type.PP_item_size_wide {
	padding: 0 0 20px 0;
}

/* 商品情報 - 購入ボタンの色
---------------------------------------------------------------------------------- */

/* Amazonボタン */
.PP_item_amazon {background: #ff9900;}

/* TOWER RECORDS */
.PP_item_tower {background: #c93a3e;}

/* HMV&BOOKS online */
.PP_item_hmv {background: #f16592;}

/* TSUTAYA */
.PP_item_tsutaya {background: #1953a1;}

/* レコチョク */
.PP_item_recochoku {background: #e4006f;}

/* iTunes */
.PP_item_itunes {background: #333333;}

/* Google Play */
.PP_item_google {background: #6c9f40;}

/* mora */
.PP_item_mora {background: #265382;}

/* LINE MUSIC */
.PP_item_line {background: #06ba05;}

/* Spotify */
.PP_item_spotify {background: #1ed760;}

/* うたパス */
.PP_item_utapass {background: #dd3047;}

/* ブックパス */
.PP_item_bookpass {background: #f27709;}

/* ビデオパス */
.PP_item_videopass {background: #19a1b2;}

/* ナタリーストア */
.PP_item_natalie {background: #37a8a3;}

/* バンダイビジュアル */
.PP_item_bandai {background: #e60011;}

/* 汎用ボタン */
.PP_item_general {background: #ff9900;}

/* その他の告知ブロック
---------------------------------------------------------------------------------- */

.PP_information {
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
	border-bottom: 1px dotted rgba(0, 0, 0, 0.2);
}
.PP_information:last-child {
	padding-bottom: 0;
	border-bottom: 0 none;
}
.PP_info_label {
	margin: 0 0 0.5em 0;
	padding: 0;
	font-size: 90%;
	font-weight: bold;
	line-height: 1.5;
	color: #3c8686;
}
.PP_information dt {
	margin: 0 0 0.5em 0;
	padding: 0;
	font-size: 90%;
	font-weight: bold;
	line-height: 1.5;
}
.PP_information dt b {
	display: inline-block;
	margin-bottom: 5px;
}
.PP_information dt span {
	display: inline-block;
}
.PP_information dd {
	margin: 0 0 0.5em 0;
}
.PP_information dd:last-child {
	margin: 0 0 0 0;
}
.PP_information p {
	margin: 0 0 0.8em 0;
	padding: 0;
	font-size: 80%;
	line-height: 1.5;
}
.PP_information p:last-child {
	margin-bottom: 0;
}
.PP_information ul {
	margin: 0;
	padding: 0;
	list-style: none inside;
}
.PP_information ul li {
	margin: 0 0 0.8em 0;
	padding: 0;
	font-size: 80%;
	line-height: 1.4;
}
.PP_information ul.PP_links {
	margin: 0;
}
.PP_information ul.PP_links li {
	margin: 0 0 0.3em 1.3em;
}
.PP_information ul li:last-child {
	margin-bottom: 0;
}
.PP_information.PP_theater_campaign dd h4 {
	color: #556363;
	background: #cad2d2;
	text-align: center;
	font-size: 68%;
	padding: 2px 2px;
	margin: 0 0 2px 0;
	line-height: 1.4;
}
.PP_tour_date {
	color: #3c8686;
	display: inline-block;
	margin-bottom: 0.3em;
}
.PP_tour_venue {
	display: inline-block;
	margin-bottom: 0.3em;
}
.PP_tour_time {
	margin-left: 1em;
}
.PP_live_act {
	display: block;
	margin-left: 1em;
}
.PP_live_act small {
	color: #3c8686;
	margin-left: 0.2em;
}

/* プロフィール
---------------------------------------------------------------------------------- */

.PP_profile {
	margin: 0 0 10px 0;
	padding: 0;
}
.PP_profile:last-child {
	margin-bottom: 0;
}
.PP_profile dt {
	margin: 0 0 0.5em 0;
	padding: 0;
	font-size: 90%;
	font-weight: bold;
	line-height: 1.5;
}
.PP_profile_img {
	width: 100%;
	margin: 0 0 10px 0;
}
.PP_profile_img_min {
	width: 140px;
	float: right;
	margin: 0 0 10px 10px;
}
.PP_profile_img img, .PP_profile_img_min img {
	display: block;
	width: 100%;
	border-radius: 3px;
}
.PP_profile_summary {
	margin: 0 0 1em 0;
	padding: 0;
	font-size: 80%;
	line-height: 1.5;
}
.PP_profile_summary p{
	margin: 0 0 10px 0;
}
.PP_profile_summary p:last-child{
	margin: 0;
}

/* リンク集
---------------------------------------------------------------------------------- */

.PP_links {
	margin: 0;
	padding: 0;
	list-style: none outside;
}
.PP_links li {
	margin: 0 0 0.3em 0;
	padding: 0 0 0 1.3em;
	font-size: 90%;
	line-height: 1.5;
}
.PP_side .PP_links {
	margin: 0 0 10px 0;
}
.PP_side .PP_links li {
	font-size: 80%;
}
.PP_links li:last-child {
	margin-bottom: 0;
}
.PP_links a {
	position: relative;
}
.PP_links a:before {
	font-family: "NataIcon";
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	vertical-align: middle;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "\e002";
	position: absolute;
	left: -1.3em;
	top: -0.2em;
}
.PP_links a[target="_blank"]:before {
	content: "\e001";
}
/* ビュレットの色 */
.PP_links a:before {
	color: #91a1af;
}
.PP_work_link a {
	background: #91a1af;
}

/* 記事本文
---------------------------------------------------------------------------------- */

/* 段落のスタイル */
.PP_paragraph {
	clear: both;
	margin-bottom: 3em;
}

.PP_paragraph .PP_heading span {
	display: inline-block;
}
.PP_paragraph p {
	margin: 0 0 1.5em 0;
	color: #333;
	font-size: 90%;
	line-height: 1.5;
}
.PP_paragraph .PP_int {
	color: #728894;
}
.PP_paragraph .PP_writer {
	font-size: smaller;
	text-align: right;
}
.PP_paragraph .PP_writer span,
.PP_paragraph .PP_writer small {
	display: inline-block;
}

/* 画像左寄せの文字こぼれ防止 */
.PP_overflow {
	overflow: hidden;
}

/* 次のページへ */
.PP_nextpage p {
	clear: both;
	margin: 0 0 3em 0;
	color: #58626b;
	font-size: 75%;
	font-weight: bold;
	line-height: 1.5;
	text-align: center;
}
.PP_nextpage p a {
	display: inline-block;
	padding: 6px;
	font-size: 135%;
}
.PP_nextpage p a:link, .PP_nextpage p a:visited {
	text-decoration: none;
}
.PP_nextpage p a span {
	display: inline-block;
}

/* 画像 */
.PP_image_right {
	position: relative;
	clear: both;
	float: right;
	margin: 0 0 20px 20px;
	background: #fff;
}
.PP_image_left {
	position: relative;
	clear: both;
	float: left;
	margin: 0 20px 20px 0;
	background: #fff;
}
.PP_image_center {
	position: relative;
	clear: both;
	float: none;
	margin: 30px 0;
	text-align: center;
}
.PP_image_right img, .PP_image_left img,
.PP_image_right, .PP_image_left {
	display: block;
	border-radius: 0;
	background: #fff;
}
.PP_image_center img {
	display: inline-block;
	border-radius: 0;
}
.PP_image_right a:hover img, .PP_image_left a:hover img, .PP_image_center a:hover img {
	opacity: 0.75;
}
.PP_image_right .PP_image_caption, .PP_image_left .PP_image_caption, .PP_image_center .PP_image_caption {
	margin: 0.5em 0 0 0;
	padding: 0;
	color: #728894;
	font-size: 75%;
	line-height: 1.4;
}

/* 画像に枠線 */
.PP_image_border img {
	border: rgba(0,0,0,0.15) 1px solid;
	box-sizing: border-box;
}

/*画像の動作無効化 */
.PP_image_guard {
	position: relative;
}
.PP_image_guard:after {
    content: '';
    z-index: 2;
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    height: 100%;
    background: transparent;
}

/* 大 */
.PP_image_size_large {
}
.PP_image_left.PP_image_size_large {
	margin: 0 20px 20px 0;
}

/* ギャラリー */
.PP_gallery {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	box-sizing: border-box;
	width: 588px;
	margin: 0 auto 3em;
	padding: 1px 0 0 1px;
}
.PP_paragraph .PP_gallery {
	margin: 1.5em auto;
}
.PP_gallery > div {
	width: calc(33.33% - 1px);
	margin: 0 1px 1px 0;
	flex-basis: auto;
}
.PP_gallery img {
	display: block;
	width: 100%;
	height: auto;
}
.PP_gallery a {
	display: block;
	background: #fff;
}
.PP_gallery a:hover img {
	opacity: 0.75 !important;
}
.PP_gallery > div a + a img {
	margin-top: 1px;
}
/* 4カラム */
.PP_gallery div.PP_gallery_size_small {
	width: calc(25% - 1px);
}
/* 2カラム */
.PP_gallery div.PP_gallery_size_large {
	width: calc(50% - 1px);
}
/* 大（3カラムの2つ分） */
.PP_gallery div.PP_gallery_size_x_large {
	width: calc(66.66% - 1px);
}
/* 特大 */
.PP_gallery div.PP_gallery_size_wide {
	width: calc(100% - 1px);
}

/* 動画 */
.PP_video {
	clear: both;
	position: relative;
	margin: 30px auto 3em auto;
	padding-top: 56.25%;
	overflow: hidden;
}
.PP_aside .PP_video {
	margin: 0 auto 20px;
}
.PP_video iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Twitter埋め込み */
.PP_twitter {
	width: calc(100% - 20px);
	max-width: 500px;
	margin: 2em auto;
}

/*映画上映スケジュール*/
.PP_movie_schedule {
	width: 100%;
	max-width: 590px;
	margin: 0 auto 3em;
}
.PP_movie_schedule .NA_theater {
	background: #fff;
}

/* 省略表示 */
.PP_text_clip{
	display: none;	
}

/* インデックス */
.PP_index {
	clear: both;
	display: flex;
	width: 100%;
	margin: 0 auto 3em;
	list-style: none;
	flex-wrap: wrap;
}

.PP_index dt,
.PP_index_row dt {
	width: calc(100% - 1px);
	padding: 0 0 10px;
	border-bottom: solid 1px #cdcdcd;
}
.PP_index dt span {
	padding: 5px 10px 5px 0;
	background: rgba(0,0,0,0.1);
	font-size: 90%;
	line-height: 100%;
}
.PP_index dd {
	box-sizing: border-box;
	width: 100%;
	padding: 0;
	border-bottom: solid 1px #cdcdcd;
	border-right: solid 1px #cdcdcd;
	border-left: solid 1px #cdcdcd;
}

.PP_index dd a {
	position: relative;
	display: flex;
	margin: 0;
	padding: 0 30px 0 0;
	min-height: 100px;
	font-size: 110%;
	line-height: 1.5;
	align-items: center;
	font-weight:bold;
	color: #222;
	background: rgba(0,0,0,0.02);
}
.PP_index dd a small {
	padding-top: 5px;
	font-size: 82%!important;
	font-weight: normal;
	color: #555;
}

.PP_index dd a:after {
	position: absolute;
	top: calc(50% - 15px);
	right: -5px;
	content: '〉';
	font-weight: normal;
	font-size: 20px;
	color: #c41925;
}
.PP_index dd a:hover,
.PP_index_row dd a:hover {
	opacity: 0.75;
}
.PP_index dd img {
	width: auto;
	height: 100px;
}
.PP_index_row dd img {
	display: block;
	width: 100%;
	height: 100%;
}
.PP_index dd a span {
	width: calc(100% - 120px);
	padding: 10px;
}
.PP_index_row dd a span {
	display: block;
	margin-top: 5px;
	text-align: center;
}
.PP_index_no_img span {
	margin-left: 100px;
}
.PP_index_comingsoon span {
	position: relative;
	display: flex;
	height: 100%;
	margin: 0;
	padding: 0;
	min-height: 100px;
	font-size: 90%;
	line-height: 1.5;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	color:rgba(0,0,0,0.5);
}
.PP_index dd a b,
.PP_index_row dd a b {
	font-size: 130%;
	display: inline-block;
	letter-spacing: 0.2em;
}
.PP_index dd a small,
.PP_index_row dd a small {
	font-size: 90%;
	display: inline-block;
}
.PP_index dd a b small,
.PP_index_row dd a b small {
	font-weight: bold !important;
}
/* カレント表示 */
.PP_index dd.PP_index_current a {
	min-height:98px;
	border: solid 2px rgba(255,82,85,1.00);
}
.PP_index dd.PP_index_current img {
	position: relative;
	width: 98px;
	height: 98px;
}
.PP_index dd.PP_index_current a span {
	padding: 8px 10px;
}
.PP_index_row dd.PP_index_current a {
	height: calc(100% - 24px);
	border: solid 2px rgba(255,82,85,1.00);
}
/* 特集記事一覧へ */
.PP_index_top {
	width: 590px;
	margin: -1em auto 3em;
}
.PP_index_top a {
	position: relative;
	display: block;
	margin: 0 10%;
	padding: 10px 10px 10px 30px;
	height: 100%;
	font-size: 90%;
	line-height: 1.5;
	border: solid 1px rgba(156, 165, 175, 0.75);
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	text-align: center;
}
.PP_index_top a:after {
	position: absolute;
	top: calc(50% - 15px);
	left: 0;
	content: '〈';
	font-weight: normal;
	color: rgba(156, 165, 175, 0.75);
	font-size: 20px;
}
.PP_index_top span {
	display: inline-block;
}

/*キャラクター紹介*/
.PP_chara_wrap {
	margin: 0 0 3em;
}
.PP_chara_multi {
	display: flex;
	width: calc(100% + 20px);
	margin: 0;
	padding: 0;
}
.PP_chara_multi .PP_chara {
	margin: 0 20px 20px 0;
	padding: 0;
}
.PP_chara_multi > dl.PP_chara {
	flex: 1;
	padding: 0px;
}
.PP_chara dt {
	font-size: 100%;
	color: #333;
	margin: 0 0 0.8em 0;
	padding: 0 0 0.2em 0;
	border-bottom: #999 1px solid;
	line-height: 1.4;
	font-weight: bold;
}
.PP_chara dd {
	font-size: 90%;
	line-height: 1.4;
	color: #333;
	margin: 0 0 0.8em 0;
	padding: 0;
}
.PP_chara dd .PP_links li {
	font-size: 90%;
}
.PP_chara dd.PP_chara_img {
	margin: 0 0 0.3em 0;
	background: #fff;
}
.PP_chara dd.PP_chara_img img, .PP_chara dd.PP_chara_img_vertical img {
	display: block;
	width: 100%;
}
.PP_chara dd.PP_chara_img a:hover img, .PP_chara dd.PP_chara_img_vertical a:hover img {
	opacity: 0.75;
}
.PP_chara_img_vertical {
	max-width: 50%;
	float: right;
	margin: 0 0 10px 10px!important;
	background: #fff;
	line-height: 0!important;
}
.PP_chara dd p {
	font-size: 100%;
	margin: 0 0 0.8em 0;
}
.PP_chara .PP_cmt_profile {
	border-top: #999 1px dotted;
	padding: 0.5em 0 0 0;
	font-variant-ligatures: none;
}
.PP_chara .PP_cmt_profile dt {
	border-bottom: none;
	font-size: 90%;
}

/*バナー類*/
.PP_bnr a:hover {
	opacity: 0.75;
}
.PP_bnr {
	text-align: center;
	line-height: 0;
}
.PP_main .PP_bnr {
	margin: 0 0 2em 0;
}
.PP_aside .PP_bnr {
	margin: 0;
}
.PP_information .PP_bnr img {
	max-width: 100%;
}

/* 追加スタイル
---------------------------------------------------------------------------------- */
.sp_name01 {color: #b67c43;}
.sp_name02 {color: #3a478d;}
.sp_name03 {color: #3f7883;}
.sp_all {color: #8eb5cb;}

.PP_paragraph h2.sp_title {
	margin: 0 0 20px 0;	
	text-align: center;
}
h2.sp_title {} 
h2.sp_title img {
	width: 583px;
} 

.PP_paragraph .PP_heading {
	position: relative;
	margin: 0 30px 0.5em 0;
	padding: 0.05em 0;
	background: transparent;
	color: #c41925;
	font-weight: bold;
	font-size: 150%;
	line-height: 1.4;
	text-align: center;
}
.PP_paragraph .PP_heading.sp_title {
	position: relative;
	margin: 0 10px 0.5em 0;
	padding: 0.05em 0;
	background: transparent;
	border-left: solid 5px #222;
	border-right: solid 1px #222;
	color: #c41925;
	font-weight: normal;
	font-size: 200%;
	line-height: 1.4;
	text-align: center;
	letter-spacing: 2px;
	float: left;
	writing-mode:vertical-rl;
}
.PP_paragraph .PP_heading.sp_title2 {
	position: relative;
	margin: 0 0 0.5em 0;
	padding: 0.2em 0 0.2em 0;
	background: transparent;
	border-top: solid 5px #222;
	border-bottom: solid 1px #222;
	color: #c41925;
	font-weight: normal;
	font-size: 180%;
	line-height: 1.4;
	text-align: center;
	width: 100%;
	letter-spacing: 1px;
}


div.sp_bg_header {
	background: transparent url(https://cdnx.natalie.mu/media/pp/static/eiga/shimbunkisha02/bg_header.png) no-repeat 0 205px;
}
div.sp_bg_header_min {
	background: transparent url(https://cdnx.natalie.mu/media/pp/static/eiga/shimbunkisha02/bg_header.png) no-repeat 0 30px;
}
.sp_photoP2 {
	margin-top: 0;
}
.sp_photoP1 {
	margin-top: 15px!important;
	margin-bottom: 15px!important;
}
.PP_side {
	box-sizing: border-box;
	width: 370px;
	position: relative;
	left: 0;
	float: right;
	text-align: left;
	margin: 0;
	padding: 0;
}
.PP_aside {
	box-sizing: border-box;
	margin: 0 0 1px 0;
	padding: 40px 20px 10px 20px;
	overflow: hidden;
	background: rgba(0,0,0,0.05);
}

/**/

.PP_paragraph .PP_heading.sp_title3 {
	position: relative;
	margin: 30px 0 0.6em 0;
	padding: 0.2em 0;
	background: transparent;
	border-top: solid 5px #222;
	border-bottom: solid 1px #222;
	color: #c41925;
	font-weight: normal;
	font-size: 190%;
	line-height: 1.4;
	text-align: center;
	width: 100%;
	letter-spacing: 1px;
}

div.sp_comment {
	margin: 0;
	padding: 0;
}
div.sp_comment div h4 {
	margin: 0 0 15px 0;
	padding: 8px 10px;
	font-size: 115%;
	letter-spacing: 1px;
	background: rgba(0,0,0,0.06);
	color: #c41925;
}
div.sp_comment div h4 span {
	padding: 0 5px 0 0;
	font-size: 80%;
}
div.sp_comment div {
  position: relative;
  margin: 0 0 20px 0;
  padding: 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: rgba(255,255,255,0.9);
}
div.sp_comment div p {
	margin: 0;
}
div.sp_comment div::before,
div.sp_comment div::after {
  position: absolute;
  content: '';
  width: 95%;
  height: 80%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
div.sp_comment div::before {
  top: 0;
  left: 0;
  border-top: 1px solid #bbb;
  border-left: 1px solid #bbb;
}
div.sp_comment div::after {
  bottom: 0;
  right: 0;
  border-bottom: 1px solid #bbb;
  border-right: 1px solid #bbb;
}
