@charset "utf-8";

/* ***************************************************
ＨＵＧっと！プリキュア
------------------------------------------------------
本サイト用ニュース(NEWS)　※ディザー用はinformation.css参照
------------------------------------------------------
・640pxまでをスマホとする
・641pxからタブレット／PCととする
・1000pxはPC専用とする
*************************************************** */

/* =============================================
 本サイト用ニュース(INFORMATION)
============================================= */
/* --------------------------------------------- 
01：ニュース一覧
--------------------------------------------- */
.news-list{
}
.news-list .listbox dt{
	color:#891085;
	font-weight:bold;
}
/* **************************** 
PC・タブレット用 CSS
**************************** */
@media screen and (min-width:641px){ 

}

/* --------------------------------------------- 
02：ニュース詳細
--------------------------------------------- */
.news-detail .btn{
	margin-top: 6%;
}
.news_date{
	color:#891085;
	font-size:0.875rem; /* 14pt */
}
.news_title{
	color:#e5005e;
	font-size:1.25rem; /* 18pt */
	font-weight: bold;
	line-height: 1.4;
	position: relative;
	padding-bottom: 6%;
	margin-bottom: 3%;
}
.news_title:after{
	display: block;
	content: "";
	background: url("../img/common/line_heart.png") no-repeat bottom center;
	background-size: 100% auto;
	width: 100%;
	height: 100%;
	position: absolute;
	bottom:0;
	left:0;
}
.news_subtitle{
	color:#891085;
	font-size:1.125rem; /* 18pt */
	font-weight: bold;
	line-height: 1.6;
	margin-bottom: 1%;
	text-align: left;
	position: relative;
	padding-left: 36px;
}
.news_subtitle:before{
	display: block;
	content: "";
	background: url("../img/common/ico_crown.png") no-repeat left center;
	background-size: 100% auto;
	width: 30px;
	height: 25px;
	position: absolute;
	top:0;
	left:0;
}

/*画像が並ぶとき(一段2枚)*/
.news_photo_list {
	font-size: 0;
}
.news_photo_list li {
	display: inline-block;
	margin: 0 2% 20px 0;
	width: calc(50% - 1%);
}
.news_photo_list li:nth-of-type(even) {
	margin-right: 0;
}
@media screen and (max-width:641px){
	.news_photo_list li {
		width: 100%;
	}
}

/* ニューステンプレ用CSS スマホ
※足りないときは追加してください
--------------------------------*/
/* 画像 */
.news_box img{
	padding: 3% 0;	
}
.news_box img:first-of-type{
	padding-top: 0;	
}
/* テキスト */
.news_box p{
	text-align: left;
}
/* テキストボックス２つ目から適用 */
.news_box p + p{
	padding-top: 3%;	
}

/* テキストボックス２つ目から適用 */
.news_box p + p{
	padding-top: 3%;	
}
/* ULリスト */
.news_nomallist{
	text-align: left;
}
.news_nomallist li{
	line-height: 1.7;
}
.news_nomallist li:before{
	content: "・";
}
/* DLリスト */
.news_definlist dt{
	color:#891085;
	font-weight: bold;
	line-height: 1.4;
}
.news_definlist dd{
	line-height: 1.6;
	padding-bottom: 10px;
}
/* オプション・付加情報 文字サイズ 小さく */
.news_option{
	background: url("../img/common/bg_strye.png");
	text-align: left;
	margin-top: 3%;
	padding: 3%;
	font-size:0.875rem; /* 14pt */
}

/* **************************** 
PC・タブレット用 CSS
**************************** */
@media screen and (min-width:641px){ 
	.news_date{
		font-size:1rem; /* 16pt */
	}
	.news_title{
		font-size:1.625em; /* 26pt */
		line-height: 1.4;
	}
	.news_title:after{
		background: url("../img/common/line_heart2.png") no-repeat bottom center;
		background-size: 100% auto;
	}
	.news_subtitle{
		font-size:1.25rem; /* 20pt */
		line-height: 1.6;
		padding-left: 36px;
	}
	/* PCは 画像と文字を横並びにする */
	.news_box .fltR{
		padding: 3% 0 3% 3%;
		width:50%;
	}
	.news_box .fltL{
		padding: 3% 3% 3% 0;
		width:50%;
	}
	.newsbox:after{
		content: "";
		display: block;
		clear: both;
	}
	/* オプション・付加情報 文字サイズ 小さく */
	.news_option{
		font-size:1rem; /* 14pt */
	}
}


/* --------------------------------------------- 
★個々のニュース★
--------------------------------------------- */
/* 15th発表 */
.video.news15th{
	margin: 3% auto 6%;
}
@media screen and (min-width:641px){
	.video.news15th{
		width: 50%;
		padding-top: 28.25%;
		float: none;
		margin:3% auto 6%;
	}
}
@media screen and (max-width:360px){
	.news180201 ul li{
		font-size:0.875rem;
	}
}


/*DVD*/
.specialdvd{
	max-width:500px;
	margin:0 auto;
}
.specialdvd img{
	max-width: 500px;
}

.detail_title{
	font-size: 1.08rem;
	font-weight: bold;
	text-align: center !important;
}

/* --------------------------------------------- 
★ニュースnews_subtitle黒文字のとき(h3とh4を .news_tit_bk で囲む)★
--------------------------------------------- */
.news_tit_bk .news_title {
    padding-bottom: 0;
	font-size: 1.25rem;
		line-height: 1.4;
}
.news_tit_bk .news_title:after {
    display: block;
    content: "";
		background: none;
    background-size: 100% auto;
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
}
@media screen and (min-width: 641px){
	.news_tit_bk .news_title {
		font-size: 1.625em;
	}
	.news_tit_bk .news_title:after {
	}
}

.news_tit_bk .news_subtitle {
    color: #2d2226;
    text-align: center;
    padding-bottom: 30px;
    margin-bottom: 10%;
    padding-left: 0;
}
@media screen and (min-width:1001px){
  .news_tit_bk .news_subtitle{
    margin-bottom: 60px;
    padding-bottom: 60px;
  }
}

.news_tit_bk .news_subtitle:before{
    display: none;
}

.news_tit_bk .news_subtitle::after {
    display: block;
	content: "";
	background: url("../img/common/line_heart.png") no-repeat bottom center;
	background-size: 100% auto;
	width: 100%;
	height: 100%;
	position: absolute;
	bottom:0;
	left:0;
}
@media screen and (min-width:1001px){
  .news_tit_bk .news_subtitle::after{
    background: url("../img/common/line_heart2.png") no-repeat bottom center;
  }
}

@media screen and (max-width: 1000px){
.smp {
    display: block;
}
}
@media screen and (min-width: 1001px){
.smp {
    display: none;
}
}

/* --------------------------------------------- 
★画像を拡大★
--------------------------------------------- */
.news_photo_list li a img {
    background: url(../img/pc/btn_zoom.png) no-repeat center bottom;
    background-size: 44% auto;
    padding-bottom: 17%;
}
.mfp-container {
	padding-top: 90px !important;
}
img.mfp-img {
	max-height: 100% !important;
}
a {
    outline: none;
}