@charset "UTF-8";

/* テンプレート version 1.-- /
/* ----------------------------------------------------------------------------------
デジナタ扉 / ver. 89
---------------------------------------------------------------------------------- */

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

#powerpush-area {
	width: 1060px;
	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 {
	width: 590px;
	clear: both;
	margin: 0 auto;
}

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

.PP_header {
	position: relative;
}
.PP_header h1 {
	margin: 0;
	padding: 0;
}
.PP_header h1 img {
	display: block;
}

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

.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_side {
	box-sizing: border-box;
	width: 370px;
	position: relative;
	left: -1px;
	float: right;
	text-align: left;
	margin: 0;
	padding: 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-top: 10px;
	background: #fff;
	border-radius: 5px;
}
.PP_toggle .PP_toggle_body {
	display: none;
	margin: 0 10px;
	padding-bottom: 10px;
}
.PP_toggle .PP_toggle_body p {
	margin: 0 0 0.5em 0;
	padding: 0;
}
.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 {
	box-sizing: border-box;
	margin: 0 0 1px 0;
	padding: 20px;
	overflow: hidden;
	background: #eef3f3;
}
.PP_aside:last-child {
	border-radius: 0 0 0 5px;
	margin: 0 0 20px 0;
}

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

.PP_aside .PP_item {
	margin-top: 10px;
	padding-top: 10px;
	border-top: 1px dotted rgba(0, 0, 0, 0.2);
}
.PP_aside .PP_item:first-child {
	margin: 0;
	padding: 0;
	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 {
	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_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-top: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-top: 1px dotted rgba(0, 0, 0, 0.2);
}
.PP_toggle_body .PP_item_contents {
	clear: both;
	margin-top: 0;
	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 p {
	margin: 0 0 1em 0;
	padding: 0;
	font-size: 80%;
	line-height: 1.5;
}
.PP_item_contents dd p {
	margin: 0 0 0.5em 0;
}
.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.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;
}
.PP_item_type.PP_item_size_wide {
	padding: 0;
}

/*右寄せ*/
.PP_item_right {
	float: right;
	margin: 0 0 10px 10px;
}

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

/* Amazonボタン */
.PP_item_amazon 	{ background: #ff9900; }
/* TOWER RECORDS */
.PP_item_tower 		{ background: #c93a3e; }
/* ローチケHMV */
.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; }
/* うたパス */
.PP_item_utapass 	{ background: #dd3047; }
/* ブックパス */
.PP_item_bookpass 	{ background: #f27709; }
/* ビデオパス */
.PP_item_videopass 	{ background: #19a1b2; }
/* ナタリーストア */
.PP_item_natalie 	{ background: #37a8a3; }
/* 汎用ボタン */
.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 {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: 0 none;
}
.PP_information dt {
	margin: 0 0 0.5em 0;
	padding: 0;
	font-size: 90%;
	font-weight: bold;
	line-height: 1.5;
}
.PP_information dt span {
	display: inline-block;
}
.PP_information p {
	margin: 0 0 1em 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.5em 0;
	padding: 0;
	font-size: 80%;
	line-height: 1.5;
}
.PP_information ul li:last-child {
	margin-bottom: 0;
}

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

.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_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 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_paragraph {
	clear: both;
	margin-bottom: 3em;
}
.PP_paragraph .PP_heading {
	position: relative;
	margin: 0 0 20px 0;
	padding: 0.25em 0 3px 0;
	background: transparent;
	border-bottom: 1px solid #3c8686;
	color: #3c8686;
	font-weight: normal;
	font-size: 130%;
	line-height: 1.5;
	text-align: left;
}
.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_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%;
	font-weight: normal;
}
.PP_nextpage p a:link,
.PP_nextpage p a:visited {
	text-decoration: none;
}
.PP_nextpage p a span {
	display: inline-block;
}

/* 画像 */
.PP_image {
	position: relative;
	clear: both;
	float: right;
	margin: 0 0 20px 20px;
}
.PP_image_center {
	position: relative;
	clear: both;
	float: none;
	margin: 30px 0;
	text-align: center;
}
.PP_image img {
	display: block;
	border-radius: 3px;
}
.PP_image_center img {
	display: inline-block;
	border-radius: 3px;
}
.PP_image a:hover img,
.PP_image_center a:hover img {
	opacity: 0.75;
}
.PP_image .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_youtube,
.PP_nicovideo {
	margin: 30px 0;
}
.PP_vimeo {
	float: right;
	width: 248px;
	margin: 0 0 20px 20px;
}

/* 追加スタイル
---------------------------------------------------------------------------------- */

.sp_name01 { color: #dc4165; }
.sp_name02 { color: #a545d7; }
.sp_all { color: #2388ee; }

.sp_side-youtube {
	margin: 10px 0;
}
.sp_copyright {
	font-size: 70%;
	padding-top: 1em;
	line-height: 140%;
	opacity: 0.8;
}
.sp_image-left {
	float: left;
	margin: 0 20px 20px 0;
}

/*ビデオパス・バナー類*/
.sp_bnr a:hover {
	opacity: 0.75;
}
.sp_bnr {
	text-align: center;
}
.sp_bnr img {
	display: block;
}
.PP_main .sp_bnr {
	margin: 0 0 2em 0;
}
.PP_aside .sp_bnr {
	margin: 0 0 14px 0;
}
.sp_videopass-info h3 {
	font-size: 90%;
	font-weight: bold;
	margin: 0 0 0.5em 0;
	padding: 0;
}
.sp_videopass-info p {
	font-size: 85%;
	line-height: 140%;
	color: #333;
	margin: 0 0 1em 0;
}
.sp_videopass-info p:last-child {
	margin: 0 0 0 0;
}


/*キャラクター紹介*/
.sp_chara-title {
	background: #666;
	color: #fff;
	text-align: center;
	padding: 2px 10px;
	font-size: 120%;
	line-height: 140%;
	margin: 0 0 1em 0;
	letter-spacing: 1px;
}
.sp_chara dt {
	font-size: 100%;
	color: #222;
	margin: 0 0 0.5em 0;
	padding: 0 0 0.2em 0;
	border-bottom: #999 1px solid;
	line-height: 140%;
	font-weight: bold;
}
.sp_chara dd {
	font-size: 90%;
	line-height: 140%;
	color: #222;
	margin: 0 0 0.3em 0;
	padding: 0;
}
.sp_chara dd.sp_chara-img,
.sp_chara dd.sp_chara-img_vertical {
	background: #fff;
}
.sp_chara dd.sp_chara-img img,
.sp_chara dd.sp_chara-img_vertical img {
	width: 100%;
}
.sp_chara dd.sp_chara-img a:hover,
.sp_chara dd.sp_chara-img_vertical a:hover  {
	opacity: 0.75;
}
.sp_chara-img_vertical {
	width: 50%;
	float: right;
	margin: 0 0 10px 10px!important;
}
/*1列*/
.sp_chara1col .sp_chara {
	margin: 0 0 20px 0;
	clear: both;
}
.sp_chara1col .sp_chara .sp_chara-img {
	width: calc(50% - 10px) ;
	float: left;
	margin: 0 20px 20px 0;
}
/*2列*/
.sp_chara2col .sp_chara {
	width: calc(50% - 10px) ;
	float: left;
	margin: 0 20px 20px 0;
}
.sp_chara2col .sp_chara:nth-child(2n) {
	margin: 0 0 20px 0;
}
.sp_chara2col .sp_chara:nth-child(2n+1) {
	clear: both;
}
/*3列*/
.sp_chara3col .sp_chara {
	width: calc(33.333% - 14px) ;
	float: left;
	margin: 0 20px 20px 0;
	font-size: 95%;
}
.sp_chara3col .sp_chara:nth-child(3n) {
	margin: 0 0 20px 0;
}
.sp_chara3col .sp_chara:nth-child(3n+1) {
	clear: both;
}


/*フォトギャラリー*/
.sp_gallery-title {
	background: #666;
	color: #fff;
	text-align: center;
	padding: 2px 10px;
	font-size: 120%;
	line-height: 140%;
	margin: 0 0 1em 0;
	letter-spacing: 1px;
}
.sp_gallery {
	box-sizing: border-box;
	padding: 1px 0 0 1px;
}
.sp_gallery .sp_clear {
	clear: both;
}
.sp_gallery li {
	list-style: none;
	margin: 0 1px 1px 0;
	float: left;
}
.sp_gallery li img {
	display: block;
}
.sp_gallery li.sp_2col {
	width: calc(50% - 1px) ;
}
.sp_gallery li.sp_3col {
	width: calc(33.333% - 1px) ;
}
.sp_gallery li.sp_4col {
	width: calc(25% - 1px) ;
}
.sp_gallery li.sp_5col {
	width: calc(20% - 1px) ;
}

/*縦横 3:2 画像用*/
.sp_gallery li.sp_2col-1 {
	width: calc(69.2% - 1px) ;
}
.sp_gallery li.sp_2col-2 {
	width: calc(30.8% - 1px) ;
}
.sp_gallery li.sp_3col-1 {
	width: calc(52.9% - 1px) ;
}
.sp_gallery li.sp_3col-2 {
	width: calc(23.55% - 1px) ;
}

.sp_gallery li img {
	max-width: 100%;
}
.sp_gallery li a:hover {
	opacity: 0.75;
}

/*特集インデックス*/
.PP_header {
	z-index: 1;
}
.sp_index-top {
	position: absolute;
	z-index: 2;
	top: 0; left: 0;
}
.sp_index-top img {
	display: block;
}
.sp_index-top a:hover {
	opacity: 0.9;
}
.sp_indexWrap {
	margin: 0 0 3em 0;
	padding: 20px;
	background: #dfd9e7;
	border-radius: 5px;
}
.sp_indexWrap h3 {
	margin: 0 0 10px 0;
}
.sp_indexWrap ul li {
	width: calc(100% - 32px);
	min-height: 28px;
	margin: 0 0 5px 0;
	padding-top: calc(26px - 0.5em);
	padding-bottom: calc(26px - 0.5em);
	padding-left: 1.8em;
	font-size: 110%;
	font-weight: bold;
	line-height: 140%;
	border: #b7a2d3 1px solid;
	background: #fff;
}
.sp_indexWrap ul li a {
	display: block;
	width: calc(100% - 92px);
	padding-right: 92px;
}
.sp_indexWrap ul li.sp-current {
	background: #c8b5e2;
}
.sp_indexWrap ul li a:link,
.sp_indexWrap ul li a:visited {
	color: #333;
}
.sp_indexWrap ul li.sp-current a:link {
	background: #c8b5e2!important;
}
.sp_indexWrap ul li a:hover {
	color: #5b31a2;
}
.sp_indexWrap ul li a:hover img {
	opacity: 0.8;
}
.sp_indexWrap ul li a img {
	width: 90px;
	position: absolute;
	right: 1px;
	top: calc(50% - 30px + 2px) ;
}
.sp_indexWrap ul li a:before {
	position: absolute;
	left: -1.2em;
	top: calc(50% - 0.6em) ;
	color: #f00!important;
}
.sp_indexWrap ul li.sp_coming-soon {
	width: 100%;
	height: 30px!important;
	text-align: center;
	opacity: 0.5;
	color: #2e2e2e;
	font-weight: bold;
	font-size: 120%;
	letter-spacing: 2px;
	opacity: 0.3;
	padding-left: 0;
}


/********/
.sp_diginataWrap {
	border-top: #c5deec 1px solid;
	padding: 30px 10px 0 10px;
	background:url(https://ogre.natalie.mu/media/pp/static/music/diginata/main_bg.png) repeat left top,
	linear-gradient(#eff8fd, #d8ebf6);	
}

.sp_leadWrap {
	width: 640px;
	margin: 0 auto 3em;
}
.sp_leadWrap .PP_share {
	max-width: 590px;
	margin: 0 auto 0;
}

.sp_index_new,
.sp_index {
	width: 640px;
	margin: 0 0 0 20px;
	float: left;
	padding: 0 ;
}
.sp_index_new li {
	width: calc(50% - 5px);
	float: left;
	list-style: none;
	margin: 0 0 10px 0;
}
.sp_index_new li:nth-child(2n+1) {
	clear: both;
	margin: 0 10px 20px 0;
}
.sp_index li {
	width: calc(33.3% - 7px);
	list-style: none;
	float: left;
	margin: 0 10px 20px 0;
}
.sp_index li:nth-child(3n) {
	margin: 0 0 20px 0;
}
.sp_index li:nth-child(3n+1) {
	clear: both;
}
.sp_index_new li img {
	width: 100%;
	position: relative;
	border-radius: 5px;
	box-shadow: 0px 0px 1px rgba(0,0,0,0.25);
	margin: 0 0 0.5em 0;
}
.sp_index li img {
	width: calc(100% - 0px);
	position: relative;
	border-radius: 5px;
	box-shadow: 0px 0px 1px rgba(0,0,0,0.25);
}
.sp_index_new li {
	position: relative;
	margin: 0 0 1.5em 0;
}
.sp_index_new li:after { /*newラベル*/
	content: '';
	width: 40%;
	height: 20%;
	background:  url(https://ogre.natalie.mu/media/pp/static/music/diginata/new-label.png) no-repeat left top;
	background-size: 100%;
	position: absolute;
	left: 0;
	top: 0;
	pointer-events: none;
}

.sp_index_new p {
	line-height: 140%;
	font-size: 90%;
	margin: 0 0 0.5em 0;
	font-style: italic;
	color: #5e7c8c;
}
.sp_index_new .sp_title {
	border-left: #2284ba 6px solid;
	padding: 0 0 0 8px;
	margin: 0 0 0.5em 0;
}
.sp_index_new a:hover .sp_title {
	border-left: #e85082 6px solid;
}
.sp_index_new p.sp_opinion {
	font-weight: bold;
	font-size: 120%;
	line-height: 140%;
	margin: 0 0.5em 0.1em 0;
	display: inline-block;
	font-style: normal;
}
.sp_index p.sp_opinion {
	font-weight: bold;
	font-size: 95%;
	line-height: 140%;
	margin: 0 0 0.1em 0;
	font-style: normal;
}

.sp_index_new p.sp_product {
	font-size: 110%;
	line-height: 140%;
	margin: 0 0 0.1em 0;
	display: inline-block;
	font-style: normal;
}
.sp_index p.sp_product {
	font-size: 90%;
	line-height: 130%;
	margin: 0 0 0.8em 0;
}

.sp_index_new a:link p,
.sp_index_new a:visited p,
.sp_index a:link p,
.sp_index a:visited p {
	color: #333;
}
.sp_index_new a:hover p,
.sp_index a:hover p {
	color: #e85082;
}
.sp_index_new a:hover img,
.sp_index a:hover img {
	opacity: 0.8;
}

.sp_infoArea {
	width: 330px;
	float: right;
	margin: 0 10px 3em 0;
	padding: 0 0 0 18px;
	border-left: #2284ba 2px dotted;
}
.sp_infoArea h3 {
	text-align: center;
	font-size: 105%;
	font-weight: bold;
	line-height: 130%;
	margin: 0 0 1em 0;
	padding: 0;
	color: #2284ba;
}
.sp_infoArea h3 span {
	display: inline-block;
}	
.sp_twitterWrap {
	margin: 0 auto 20px;
	padding: 0;	
}
.sp_twitterWrap:last-child {
	margin: 0 auto 0;
}
.sp_twitterWrap iframe {
	width: 100%;
	margin: 0 auto 0;
}
.sp_infoArea .PP_links {
	background: #fff;
	border-radius: 5px;
	padding: 10px;
	border: 1px solid #e1e8ed;
}
.sp_infoArea .PP_links li {
	font-size: 100%;
	font-weight: bold;
}
.PP_footer {
	clear: both;
	width: 1000px;
	border-top: rgba(0,0,0,0.1) 1px solid;
	margin: 0 auto  15px;
	padding-top: 15px;
}

/*technicsバナー追加*/
.PP_bnr {
	width: 330px;
	margin: 20px auto 0;
}
.PP_bnr a:link img,
.PP_bnr a:visited img {
	border: #d1bf8f 1px solid;
	border-radius: 5px;
}
.PP_bnr a:hover img {
	border: #e85082 1px solid;
	opacity: 0.8;
}
.PP_bnr img {
	max-width: 100%;
}

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

/*秋冬ver*/

.sp_diginataWrap {
	border-top: #f7e5e1 1px solid;
	background:url(https://ogre.natalie.mu/media/pp/static/music/diginata/main_bg.png) repeat left top,
	linear-gradient(#fcf5f2, #fbebe5);	
}
.sp_index_new .sp_title {
	border-left: #eb7b2d 6px solid;
    }
.sp_infoArea {
	border-left: #eb7b2d 2px dotted;
}
.sp_infoArea h3 {
	text-align: center;
	font-size: 105%;
	font-weight: bold;
	line-height: 130%;
	margin: 0 0 1em 0;
	padding: 0;
	color: #eb7b2d;
    }