@charset 'UTF-8';

/** |READ ME| **************************************************************************************

Ver.201811

----------------------------------------------------------------------------------------------------

01. HTML陋ｻ譎�ｄ陋ｹ�ｽ
02. 郢晏｣ｹ�ｽ郢ｧ�ｸ髫ｪ�ｭ陞ｳ�ｽ
邵ｲﾂ€邵ｲﾂ€02-01. 郢晏€･繝｣郢敖€郢晢ｽｼ
邵ｲﾂ€邵ｲﾂ€02-02. 郢ｧ�ｳ郢晢ｽｳ郢晢ｿｽﾎｦ郢晢ｿｽ
邵ｲﾂ€邵ｲﾂ€02-03. 郢晁ｼ斐Ε郢ｧ�ｿ郢晢ｽｼ
03. 郢ｧ�ｳ郢晢ｽｳ郢晢ｿｽﾎｦ郢晢ｿｽ
邵ｲﾂ€邵ｲﾂ€03-01. 郢晏ｸ呻ｿｽ郢晢ｿｽ
邵ｲﾂ€邵ｲﾂ€03-02. 闔��ｺ陟厄ｽ｢闖ｴ諛ｷ�ｮ�ｶ郢ｧ�､郢晢ｽｳ郢ｧ�ｿ郢晁侭ﾎ礼ｹ晢ｽｼ
邵ｲﾂ€邵ｲﾂ€03-03. 陞ｳ貊難ｽｼ譁撰ｿｽ闔ｨ螢ｽ謔�
邵ｲﾂ€邵ｲﾂ€03-04. 郢ｧ蛹ｻ�･邵ｺ繧�ｽ狗ｸｺ遒托ｽｳ�ｪ陜��ｽ
邵ｲﾂ€邵ｲﾂ€03-05. 騾包ｽｨ髫ｱ讓｣蟇�

************************************************************************************** |READ ME| **/





/** |01. HTML陋ｻ譎�ｄ陋ｹ鄙ｻ >> *************************************************************** >> START **/


* {font-size: inherit;}

hr {display: none;}

body, address, div, h1, h2, h3, h4, h5, h6, p, hr,
ul, ol, li, dl, dt, dd, table, th, td {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	line-height: 1;
	margin: 0;
	padding: 0;
}

html {font-size: 50%;/* 10px = 1rem(62.5% * 0.8) */}

@media screen and (max-width: 320px) {/* iPhone 5s */
	html {font-size: 20%;}
}

@media screen and (max-width: 375px) {/* iPhone 6S */
	html {font-size: 26%;}
}

@media screen and (max-width: 414px) {
	html {font-size: 32%;}
}

@media screen and (min-width: 954px) {/* PC */
	html {font-size: 10px;}
}

body {/* base width 994px */
	background-color: #fff;
	color: #595757;
	font-family: 'Noto Sans JP', sans-serif;
	-moz-font-feature-settings: 'pkna' 1;
	-webkit-font-feature-settings: 'pkna' 1;
	font-feature-settings: 'pkna' 1;
	font-size: 2.4rem;
	overflow-wrap: break-word;
	-webkit-text-size-adjust: 100%;
	word-wrap: break-word;
	z-index: 1;
}

table {border-collapse: collapse;}

table, th, td, img, iframe {border: none;}

address {font-style: normal;}

li {list-style: none;}

img {
	height: auto;
	vertical-align: top;
	width: 100%;
}

@media screen and (min-width: 994px) {
	img {width: auto !important;}
}

a {color: inherit;}

a:link, a:visited {text-decoration: none;}
a:hover, a:active {text-decoration: underline;}

.clearfix {zoom: 1;}

.clearfix::after {
	clear: both;
	content: '';
	display: block;
}


/** |01. HTML陋ｻ譎�ｄ陋ｹ鄙ｻ << ***************************************************************** << END **/





/** |02. 郢晏｣ｹ�ｽ郢ｧ�ｸ髫ｪ�ｭ陞ｳ蝌ｶ >> *************************************************************** >> START **/


	/** |02-01. 郢晏€･繝｣郢敖€郢晢ｽｼ| **************************************************************** START **/


	.site {
		left: 0;
		position: fixed;
		right: 0;
		top: 0;
		z-index: 1000;
	}


		/** [郢晢ｽｭ郢ｧ�ｴ] >> +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ >> START **/

		.site .trademark {
			background-color: #231815;
			z-index: 1001;
		}

			.site .trademark .prop {
				height: 0;
				margin: 0 auto;
				padding-top: 8.88%;/* 88px */
				position: relative;
				width: 90.34%;/* 898px */
			}

			@media screen and (min-width: 994px) {
				.site .trademark .prop {
					padding-top: 88px;
					width: 898px;
				}
			}

				.site .trademark img {
					left: 0;
					bottom: 0;
					margin: auto 0;
					position: absolute;
					top: 0;
					width: 23.94%;/* 238px */
				}


		/** [郢晢ｿｽ�ｽ郢晄梔 >> +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ >> START **/

		.site .theme {
			background-color: #eee;
			z-index: 1002;
		}

			.site .theme .prop {
				height: 0;
				margin: 0 auto;
				padding-top: 10.06%;/* 100px */
				position: relative;
				width: 90.34%;/* 898px */
			}

			@media screen and (min-width: 994px) {
				.site .theme .prop {
					padding-top: 100px;
					width: 898px;
				}
			}

				.site .theme .title {
					background: url(/base/store/special/hina/2018/img/st_img_year.png) no-repeat 100% 100%;
					background-size: auto 79%;
					left: 0;
					margin-top: 2%;/* 18px */
					position: absolute;
					top: 0;
					width: 89.31%;/* 802px */
					z-index: 1003;
				}

					.site .theme .title img {width: 50.62%;/* 406px */}

				.site .theme .menu {
					bottom: 0;
					height: 0;
					margin: auto 0;
					padding-top: 7.59%;/* 72px */
					position: absolute;
					right: 0;
					top: 0;
					width: 8.02%;/* 72px */
					z-index: 1004;
				}

					.site .theme .menu .open {
						background-color: #fff;
						border: 1px solid #dc4191;
						border-radius: 0.8vw;/* 8px */
						box-shadow: 0 0 0.6vw 0 rgba(0, 0, 0, 0.35);
						cursor: pointer;
						display: none;
						height: 100%;/* 72px */
						position: absolute;
						right: 0;
						top: 0;
						transition: opacity 0.3s;
						width: 100%;/* 72px */
						z-index: 1005;
					}

					@media screen and (min-width: 994px) {
						.site .theme .menu .open {
							border-radius: 8px;
							box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.35);
						}
					}

					.site .theme .menu .open:hover {opacity: 0.5;}

						.site .theme .menu .open img {
							bottom: 0;
							left: 0;
							margin: auto;
							position: absolute;
							right: 0;
							top: 0;
							width: 55.56%;/* 40px */
						}

					.site .theme .menu .index {
						background-color: #fff;
						border: 1px solid #dc4191;
						border-radius: 0.8vw;/* 8px */
						box-shadow: 0 0 0.6vw 0 rgba(0, 0, 0, 0.35);
						display: none;
						padding: 0.8vw 1.81vw 12.07vw;/* 8px 18px 120px */
						position: absolute;
						right: 0;
						top: 0;
						width: 73.24vw;/* 728px */
						z-index: 1006;
					}

					@media screen and (min-width: 994px) {
						.site .theme .menu .index {
							border-radius: 8px;
							box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.35);
							padding: 8px 18px 80px;
							width: 364px;
						}
					}

						.site .theme .menu .index .list {width: 100%;/* 326px */}

							.site .theme .menu .index .list li {
								border-bottom: 1px solid #ec404d;
								color: #ec404d;
								font-size: 3.6rem;
							}

							@media screen and (min-width: 994px) {
								.site .theme .menu .index .list li {font-size: 2.8rem;}
							}

								.site .theme .menu .index .list a {
									display: block;
									padding: 5.52% 9.82% 5.52% 0;/* 18px 32px 18px 0 */
									position: relative;
								}

									.site .theme .menu .index .list a::after {
										background: url(/base/store/special/hina/2018/img/st_ico_link.gif) no-repeat 0 0;
										background-size: 100% auto;
										bottom: 0;
										content: '';
										display: block;
										height: 0;
										margin: auto 2.45% auto 0;/* auto 8px auto 0 */
										padding-top: 7.98%;/* 26px */
										position: absolute;
										right: 0;
										top: 0;
										width: 4.29%;/* 14px */
									}

						.site .theme .menu .index .close {
							cursor: pointer;
							right: 0;
							position: absolute;
							bottom: 0;
							margin: 0 1.81vw 3.02vw 0;/* 0 18px 30px 0 */
							transition: opacity 0.3s;
							width: 7.69%;/* 28px */
						}

						@media screen and (min-width: 994px) {
							.site .theme .menu .index .close {margin-bottom: 2.01vw;/* 20px */}
						}

						.site .theme .menu .index .close:hover {opacity: 0.5;}


	/** |02-01. 郢晏€･繝｣郢敖€郢晢ｽｼ| ****************************************************************** END **/



	/** |02-02. 郢ｧ�ｳ郢晢ｽｳ郢晢ｿｽﾎｦ郢斷ｻ ************************************************************** START **/


	.contents {padding-top: 18.91%;/* 188px */}

	@media screen and (min-width: 994px) {
		.contents {padding-top: 188px;}
	}


	/** |02-02. 郢ｧ�ｳ郢晢ｽｳ郢晢ｿｽﾎｦ郢斷ｻ **************************************************************** END **/



	/** |02-03. 郢晁ｼ斐Ε郢ｧ�ｿ郢晢ｽｼ| **************************************************************** START **/


	.publication {
		margin: 0 auto;
		padding: 4.83% 0 2.62%;/* 48px 0 26px*/
		position: relative;
		width: 90.34%;/* 898px */
	}

	@media screen and (min-width: 994px) {
		.publication {width: 898px;}
	}


		/** [郢晁ｼ釆懃ｹ晢ｿｽ�ｽ郢晁ｼ釆溽ｹ晢ｿｽ�ｽ] >> +++++++++++++++++++++++++++++++++++++++++++++++++++++ >> START **/

		.publication .flipflop {
			margin: 4.45% 0.22% 0 0;/* 40px 2px 0 0 */
			position: absolute;
			right: 0;
			top: 0;
			width: 8.69%;/* 78px */
		}

			.publication .flipflop a {transition: opacity 0.3s;}

			.publication .flipflop a:hover {opacity: 0.5;}


		/** [郢ｧ�ｽ郢晢ｽｼ郢ｧ�ｷ郢晢ｽ｣郢晢ｽｫ] >> +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ >> START **/

		.publication .share {font-size: 0;}

			.publication .share li {
				display: inline-block;
				margin-left: 2.9%;/* 26px */
				vertical-align: top;
			}

			.publication .share li:first-of-type {margin-left: 0;}

			.publication .share .tw {width: 8.24%;/* 74px */}
			.publication .share .fb {width: 6.68%;/* 60px */}

				.publication .share a {transition: opacity 0.3s;}

				.publication .share a:hover {opacity: 0.5;}


		/** [雎包ｽｨ髫ｪ閧� >> +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ >> START **/

		.publication .notice {padding-top: 4.45%;/* 40px */}

			.publication .notice li {
				font-size: 2rem;
				line-height: 2;
				padding-left: 1em;
				position: relative;
			}

				.publication .notice li::before {
					
					display: inline-block;
					font-size: inherit;
					left: 0;
					line-height: 2;
					position: absolute;
					top: 0;
				}


		/** [郢晢ｽｭ郢ｧ�ｴ] >> +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ >> START **/

		.publication .trademark {
			padding-top: 3.79%;/* 34px */
			width: 31.85%;/* 286px */
		}


		/** [郢ｧ�ｳ郢晄鱒�ｽ郢晢ｽｩ郢ｧ�､郢晢ｿｽ] >> +++++++++++++++++++++++++++++++++++++++++++++++++++++++++ >> START **/

		.publication .rights {
			font-size: 2rem;
			line-height: 2;
		}


	/** |02-03. 郢晁ｼ斐Ε郢ｧ�ｿ郢晢ｽｼ| ****************************************************************** END **/


/** |02. 郢晏｣ｹ�ｽ郢ｧ�ｸ髫ｪ�ｭ陞ｳ蝌ｶ << ***************************************************************** << END **/





/** |03. 郢ｧ�ｳ郢晢ｽｳ郢晢ｿｽﾎｦ郢斷ｻ >> *************************************************************** >> START **/


	/** |03-01. 郢晏ｸ呻ｿｽ郢晢ｿｽ| ****************************************************************** START **/


		/** [郢晁ｼ釆溽ｹ晢ｽｳ郢晏現ﾎ溽ｹｧ�ｦ] >> +++++++++++++++++++++++++++++++++++++++++++++++++++++++++ >> START **/

		#home .frontrow {}

			@media screen and (min-width: 994px) {
				#home .frontrow .list li {
					background: no-repeat 50% 50%;
					background-size: 100%;
				}

				#home .frontrow .list .lst01 {background-image: url(../img/home/frt_img_image01l.jpg);}
				#home .frontrow .list .lst02 {background-image: url(../img/home/frt_img_image02l.jpg);}
				#home .frontrow .list .lst03 {background-image: url(../img/home/frt_img_image03l.jpg);}
				#home .frontrow .list .lst04 {background-image: url(../img/home/frt_img_image04l.jpg);}

					#home .frontrow .list img {
						visibility: hidden;
						width: 100% !important;
					}
			}


		/** [郢ｧ�ｳ郢晢ｽｳ郢晢ｿｽﾎｦ郢晢ｿｽ�ｴ�ｹ闔臥刈 >> +++++++++++++++++++++++++++++++++++++++++++++++++++++++ >> START **/

		#home .introduction {
			margin: 0 auto;/* 0 auto */
			padding-top: 6.04%;/* 60px */
			width: 82.9%;/* 824px */
		}

			@media screen and (min-width: 994px) {
				#home .introduction {
					padding-top: 60px;
					width: 824px;
				}
			}

			#home .introduction .greeting {
				font-family: 'Noto Serits JP', serif;
				font-size: 3.2rem;
				letter-spacing: -0.02em;
				line-height: 1.75;
				text-align: center;
			}

				@media screen and (min-width: 994px) {
					#home .introduction .greeting .sp {display: none;}
				}

			#home .introduction .feature {padding-top: 6.8%;/* 56px */}


			#home .introduction .index {width: 100%;/* 824px */}

				#home .introduction .index li {
					float: left;
					padding-top: 4.85%;/* 40px */
					width: 47.33%;/* 390px */
				}

				#home .introduction .index li:nth-of-type(even) {float: right;}

			#home .introduction .aside {padding-top: 4.85%;/* 40px */}

				#home .introduction .aside a {
					border: 1px solid #3e3a39;
					display: block;
					padding: 1.7% 0;/* 14px 0 */
					text-align: center;
				}

					#home .introduction .aside img {width: 16.79%;/* 138px */}


				#home .introduction a {transition: opacity 0.3s;}

				#home .introduction a:hover {opacity: 0.5;}


		/** [隘搾ｽｷ雋�婿 >> +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ >> START **/

		#home .origin {
			background-color: #fcf0f1;
			margin: 6.04% auto 0;/* 60px auto 0 */
			padding: 4.02% 6.74%;/* 40px 67px */
			width: 82.9%;/* 824px */
		}

			@media screen and (min-width: 994px) {
				#home .origin {
					margin-top: 60px;
					padding: 40px 67px;
					width: 824px;
				}
			}

			#home .origin .label {
				margin: 0 auto;
				width: 80%;/* 525px */
			}

			#home .origin .topic,
			#home .origin .text {font-size: 2.8rem;}

			#home .origin .topic {
				font-weight: 900;
				line-height: 1.57;
				margin-top: 4.13%;/* 34px */
				padding-left: 0.8em;
				position: relative;
			}

				#home .origin .topic::before {
					background-color: #231815;
					content: '';
					display: inline-block;
					height: 0.6em;
					top: 0.5em;
					left: 0;
					position: absolute;
					width: 0.6em;
				}

			#home .origin .text {line-height: 1.7;}

			#home .origin .image {padding-top: 4.85%;/* 40px */}


		/** [郢晢ｽｩ郢ｧ�､郢晢ｽｳ郢ｧ�｢郢晢ｿｽ�ｽ] >> +++++++++++++++++++++++++++++++++++++++++++++++++++++++++ >> START **/

		#home .lineup {margin-top: 6.04%;/* 60px */}

		#home .lineup:last-child {padding-bottom: 6.04%;/* 60px */}

			#home .lineup .header {
				border-bottom: 1px solid #595757;
				border-top: 1px solid #595757;
				padding: 3.02% 0 2.41%;/* 30px 0 24px */
			}

				#home .lineup .header .label {
					margin: 0 auto;
					width: 31.19%;/* 310px */
				}

				#home .lineup .header .outline {
					font-size: 2.6rem;
					line-height: 1.25;
					padding-top: 1.81%;/* 18px */
					text-align: center;
				}

			@media screen and (min-width: 994px) {
				#home .lineup .header {padding: 30px 0 24px;}

					#home .lineup .header .label {width: 310px;}

					#home .lineup .header .outline {padding-top: 18px;}
			}

			#home .lineup .artist {
				margin: 0 auto;
				padding-top: 12.07%;/* 120px */
				width: 82.9%;/* 824px */
			}

			#home .lineup .header + .artist {padding-top: 6.04%;/* 60px */}

			@media screen and (min-width: 994px) {
				#home .lineup .artist {
					padding-top: 120px;
					width: 824px;
				}

				#home .lineup .header + .artist {padding-top: 60px;}
			}

				#home .lineup .artist .title {text-align: center;}

					#home .lineup .artist .title img[src$="lnp_hd_artist01.gif"] {width: 43.93%;/* 362px */}
					#home .lineup .artist .title img[src$="lnp_hd_artist02.gif"] {width: 40.53%;/* 334px */}
					#home .lineup .artist .title img[src$="lnp_hd_artist03.gif"] {width: 41.99%;/* 346px */}

				#home .lineup .artist .visual {padding-top: 4.85%;/* 40px */}

				#home .lineup .artist .data {padding-top: 2.43%;/* 20px */}

					#home .lineup .artist .data dt,
					#home .lineup .artist .data dd {
						font-size: 2.8rem;
						line-height: 1.38;
						text-align: center;
					}

					#home .lineup .artist .data dt {
						color: #ec404d;
						font-weight: bold;
					}

					#home .lineup .artist .data dd {}

						#home .lineup .artist .data span {
							color: #595757;
							font-size: 2rem;
							font-weight: normal;
						}

				#home .lineup .artist .topics {padding-top: 4.85%;/* 40px */}

				#home .lineup .artist .photo {
					padding-top: 3.88%;/* 32px */
					text-align: center;
				}

					#home .lineup .artist .photo img[src$="a.jpg"] {width: 63.11%;/* 520px */}
					#home .lineup .artist .photo img[src$="b.jpg"] {width: 66.26%;/* 546px */}

				#home .lineup .artist .text {
					font-size: 2.4rem;
					line-height: 1.58;
					margin: 0 auto;
					padding-top: 2.91%;/* 24px */
					width: 71.6%;/* 590px */
				}

				#home .lineup .artist .more {padding-top: 1.94%;/* 16px */}

					#home .lineup .artist .more li {padding-top: 2.91%;/* 24px */}


		/** [邵ｺ鬘碑｡咲ｹｧ蟲ｨ笳犠 >> +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ >> START **/

		#home .news {
			background-color: #fcf0f1;
			margin-top: 6.04%;/* 60px */
			padding: 3.02% 0;/* 30px 0 */
		}

			#home .news .label {
				color: #ec7585;
				font-size: 3.2rem;
				margin: 0 auto;
				padding-bottom: 1.01%;/* 10px */
				width: 63.98%;/* 636px */
			}

			#home .news .topics {
				margin: 0 auto;
				padding-top: 1.41%;/* 14px */
				width: 63.98%;/* 636px */
			}

				#home .news .topics dt,
				#home .news .topics dd {color: #ec7585;}

				#home .news .topics dt {font-size: 2.4rem;}

				#home .news .topics dd {
					font-size: 3rem;
					line-height: 1.5;
				}

		@media screen and (min-width: 994px) {
			#home .news {
				margin-top: 60px;
				padding: 30px 0;
			}

				#home .news .label {
					padding-bottom: 10px;
					width: 636px;
				}

				#home .news .topics {
					padding-top: 14px;
					width: 636px;
				}
		}


		/** [鬮｢�｢鬨ｾ�｣隲��ｽ�ｽ�ｱ] >> +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ >> START **/

		#home .information {
			background-color: #edede7;
			margin-top: 6.04%;/* 60px */
			padding: 4.02% 0;/* 40px 0 */
		}

			#home .information li {
				margin: 0 auto;
				padding-top: 3.02%;/* 30px */
				width: 82.9%;/* 824px */
			}

			#home .information li:first-of-type {padding-top: 0;}

				#home .information a {transition: opacity 0.3s;}

				#home .information a:hover {opacity: 0.5;}

		@media screen and (min-width: 994px) {
			#home .information {
				margin-top: 60px;
				padding: 40px 0;
			}

				#home .information li {
					padding-top: 30px;
					text-align: center;
					width: auto;
				}
		}


	/** |03-01. 郢晏ｸ呻ｿｽ郢晢ｿｽ| ******************************************************************** END **/



	/** |03-02. 闔��ｺ陟厄ｽ｢闖ｴ諛ｷ�ｮ�ｶ郢ｧ�､郢晢ｽｳ郢ｧ�ｿ郢晁侭ﾎ礼ｹ晢ｽｼ| **************************************************** START **/


		/** [郢晏｣ｹ�ｽ郢ｧ�ｸ隶弱ｊ�ｦ窶� >> +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ >> START **/

		#interview .header {padding: 6.04% 0;/* 60px 0 */}

			#interview .header .label {
				margin: 0 auto;
				width: 39.03%;/* 388px */
			}

			#interview .header .outline {
				line-height: 1.25;
				padding-top: 1.21%;/* 12px */
				text-align: center;
			}

		@media screen and (min-width: 994px) {
			#interview .header {padding: 60px 0;}

				#interview .header .label {width: 388px;}

				#interview .header .outline {padding-top: 12px;}
		}


		/** [闖ｴ諛ｷ�ｮ�ｶ闖ｴ蜻ｵ�ｩ�ｱ] >> +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ >> START **/

		#interview .interview {
			background-color: #fcf0f1;
			padding: 4.02% 0 21.53%;/* 40px 0 214px */
		}

		@media screen and (min-width: 994px) {
			#interview .interview {padding: 40px 0 214px;}
		}

			#interview .interview .list {
				font-size: 0;
				text-align: center;
			}

				#interview .interview .list li {
					background-color: #fff;
					border: 1px solid #b88c18;
					color: #b88c18;
					display: inline-block;
					font-size: 4rem;
					margin-left: 1.31%;/* 13px */
					width: 26.76%;/* 266px */
				}

				@media screen and (max-width: 768px) {
					#interview .interview .list li {font-size: 3.6rem;}
				}

				@media screen and (max-width: 414px) {
					#interview .interview .list li {font-size: 3rem;}
				}

				#interview .interview .list li:first-of-type {margin-left: 0;}

					#interview .interview .list li a {
						display: block;
						padding: 18.18% 0 12.88%;/* 48px 0 34px */
						text-decoration: none;
						transition: opacity 0.3s;
					}

					#interview .interview .list li a:hover {opacity: 0.5;}

						#interview .interview .list li a::after {
							background: url(/base/store/special/hina/2018/img/interview/lst_ico_anchor.gif) no-repeat 50% 0;
							background-size: auto 100%;
							content: '';
							display: block;
							height: 0;
							margin: 9.09% auto 0;/* 24px auto 0 */
							padding-top: 2.27%;/* 6px */
							width: 11.36%;/* 30px */
						}

				@media screen and (min-width: 994px) {
						#interview .interview .list li {
							margin-left: 14px;
							width: 266px;
						}

							#interview .interview .list li a {padding: 48px 0 34px;}

								#interview .interview .list li a::after {
									margin-top: 24px;
									padding-top: 6px;
									width: 30px;
								}
				}

			#interview .interview .talk {
				background-color: #fff;
				margin: 6.04% auto 0;/* 60px auto 0 */
				padding: 5.03% 3.22% 5.43%;/* 50px 32px 54px */
				width: 82.9%;/* 824px */
			}

			@media screen and (min-width: 994px) {
				#interview .interview .talk {
					margin-top: 60px;
					padding: 50px 32px 54px;
					width: 824px;
				}
			}

				#interview .interview .label {
					border-bottom: 1px solid #3e3a39;
					border-top: 1px solid #3e3a39;
					padding: 2.63% 0;/* 20px 0 */
					position: relative;
					text-align: center;
					width: 100%;/* 760px */
				}

					#interview .interview .label dt {
						display: block;
						height: 0;
						left: 0;
						margin-top: -11.18%;
						padding-top: 22.37%;/* 170px */
						position: absolute;
						top: 50%;
						width: 22.37%;/* 170px */
					}

						#interview .interview .label dt img {
							height: 100%;
							left: 0;
							position: absolute;
							top: 0;
							width: 100%;
						}

					#interview .interview .label dd {}

						#interview .interview .label dd img {width: 33.42%;/* 254px */}

				#interview .interview .speaker {padding-top: 4.21%;/* 32px */}

					#interview .interview .speaker .name {text-align: center;}

						#interview .interview .speaker .name img[src$="tlk_hd_speaker01.gif"] {width: 44.74%;/* 340px */}
						#interview .interview .speaker .name img[src$="tlk_hd_speaker02.gif"] {width: 23.95%;/* 182px */}
						#interview .interview .speaker .name img[src$="tlk_hd_speaker03.gif"] {width: 18.16%;/* 138px */}

					#interview .interview .speaker .outline {
						font-size: 2.8rem;
						line-height: 1.64;
						padding-top: 3.95%;/* 30px */
						text-align: center;
					}

				#interview .interview .movie {
					background-color: #eee;
					height: 0;
					margin-top: 4.47%;/* 34px */
					padding-top: 75%;/* 570px */
					position: relative;
					width: 100%;/* 760px */
				}

					#interview .interview .movie iframe[src*="//www.youtube.com/"] {
						bottom: 0;
						height: 100%;
						left: 0;
						position: absolute;
						right: 0;
						top: 0;
						width: 100%;
					}

				#interview .interview .text {padding: 4.47% 4.47% 0;/* 34px 34px 0  */}

					#interview .interview .text dl {
						padding-top: 1.84%;/* 14px */
						width: 100%;/* 692px */
					}

						#interview .interview .text dt,
						#interview .interview .text dd {line-height: 1.75;}

						#interview .interview .text dt {
							color: #ec404d;
							font-size: 2.6rem;
							font-weight: bold;
							padding-left: 0.7em;
							position: relative;
						}

							#interview .interview .text dt::before {
								background-color: #ec404d;
								content: '';
								display: block;
								height: 0.6em;
								left: 0;
								position: absolute;
								top: 0.6em;
								width: 0.6em;
							}

							#interview .interview .text span {font-size: 1.7rem;}

						#interview .interview .text dd {padding-top: 1.16%;/* 8px */}


	/** |03-02. 闔��ｺ陟厄ｽ｢闖ｴ諛ｷ�ｮ�ｶ郢ｧ�､郢晢ｽｳ郢ｧ�ｿ郢晁侭ﾎ礼ｹ晢ｽｼ| ****************************************************** END **/



	/** |03-03. 陞ｳ貊難ｽｼ譁撰ｿｽ闔ｨ螢ｽ謔л ************************************************************** START **/


		/** [郢晏｣ｹ�ｽ郢ｧ�ｸ隶弱ｊ�ｦ窶� >> +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ >> START **/

		#performance .header {padding: 6.04% 0;/* 60px 0 */}

			#performance .header .label {
				margin: 0 auto;
				width: 35.21%;/* 350px */
			}

			#performance .header .outline {
				line-height: 1.25;
				padding-top: 1.21%;/* 12px */
				text-align: center;
			}

		@media screen and (min-width: 994px) {
			#performance .header {padding: 60px 0;}

				#performance .header .label {width: 350px;}

				#performance .header .outline {padding-top: 12px;}
		}


		/** [陷ｷ�ｽ�ｨ�ｮ隴ｯ莠･�ｽ] >> +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ >> START **/

		#performance .guide {}

			#performance .guide .label {
				border-top: 1px solid #717071;
				position: relative;
				width: 100%;/* 994px */
			}

				#performance .guide .label::before {
					background-color: #717071;
					bottom: 0;
					content: '';
					display: block;
					left: 0;
					margin: 0.4% auto 1.21%;/* 4px auto 12px */
					position: absolute;
					right: 0;
					top: 0;
					width: 1px;
				}

				@media screen and (min-width: 994px) {
					#performance .guide .label::before {margin: 4px auto 12px;}
				}

				#performance .guide .label .title,
				#performance .guide .label .other {
					font-size: 2.6rem;
					width: 50%;/* 497px */
				}

				#performance .guide .label .title {
					color: #ec404d;
					padding-top: 9.46%;/* 94px */
					position: relative;
				}

				@media screen and (min-width: 994px) {
					#performance .guide .label .title {padding-top: 94px;}
				}

				#performance .guide.demo .label .title {float: left;}

				#performance .guide.period .label .title {
					float: right;
					text-align: right;
				}

					#performance .guide .label .title::after {
						background-color: #ec404d;
						content: '';
						display: block;
						position: absolute;
						left: 0;
						right: 0;
						padding-top: 1.61%;/* 8px */
						bottom: 0;
					}

					#performance .guide .label .title span {
						bottom: 0;
						position: absolute;
						margin: auto 0;
						height: 1em;
						top: 0;
						width: 68.61%;/* 341px */
					}

					@media screen and (min-width: 994px) {
						#performance .guide .label .title span {width: 341px;}
					}

					#performance .guide.demo .label .title span {right: 0;}
					#performance .guide.period .label .title span {left: 0;}

				#performance .guide .label .other {}

				#performance .guide.demo .label .other {
					float: right;
					text-align: right;
				}

				#performance .guide.period .label .other {float: left;}

					#performance .guide .label .other a {
						display: block;
						font-weight: bold;
						height: 0;
						padding-top: 18.91%;/* 94px */
						position: relative;
						transition: opacity 0.3s;
						width: 100%;/* 497px */
					}

					@media screen and (min-width: 994px) {
						#performance .guide .label .other a {padding-top: 94px;}
					}

					#performance .guide .label .other a:hover {opacity: 0.5;}

						#performance .guide .label .other span {
							bottom: 0;
							height: 1em;
							margin: auto 0;
							position: absolute;
							top: 0;
							width: 68.61%;/* 341px */
						}

						@media screen and (min-width: 994px) {
							#performance .guide .label .other span {width: 341px;}
						}

						#performance .guide.demo .label .other span {left: 0;}
						#performance .guide.period .label .other span {right: 0;}


			/* 陞ｳ貊難ｽｼ譁撰ｿｽ邵ｺ逍ｲ�｡莠･�ｽ */
			#performance .guide .artist {
				background-color: #fcf0f1;
				padding: 2.01% 0;/* 20px 0 */
			}

				#performance .guide .artist li {
					border-top: 1px solid #3e3a39;
					margin: 0 auto;
					min-height: 26.76vw;/* 266px */
					padding: 4.02% 0 4.02% 21.93%;/* 40px 0 40px 218px */
					position: relative;
					width: 73.44%;/* 730px */
				}

				#performance .guide .artist li:first-of-type {border-top: none;}

			@media screen and (min-width: 994px) {
				#performance .guide .artist {padding: 20px 0;}

					#performance .guide .artist li {
						min-height: 270px;
						padding: 38px 0 38px 218px;
						width: 730px;
					}
			}

					#performance .guide .artist .name {
						font-size: 4rem;
						font-weight: normal;
					}

					#performance .guide .artist .opening {/* 512px */
						margin-top: 2.73%;/* 14px */
						padding-left: 5.86%;/* 30px */
						position: relative;
					}

						#performance .guide .artist .opening::before {
							background: url(/base/store/special/hina/2018/img/performance/dm_ico_time.gif) no-repeat 50% 50%;
							background-size: 100% auto;
							bottom: 0;
							content: '';
							display: block;
							left: 0;
							margin: auto 0;
							padding-top: 5.08%;/* 26px */
							position: absolute;
							top: 0;
							width: 5.08%;/* 26px */
						}

					#performance .guide .artist .schedule {padding-top: 2.19%;/* 16px */}

						#performance .guide .artist .schedule dl {color: #231815;}

							#performance .guide .artist .schedule dt,
							#performance .guide .artist .schedule dd {
								background-color: #fcf0f1;
								font-family: 'Century Gothic', 'Noto Sans JP', sans-serif;
								font-size: 2.2rem;
								line-height: 1.2;
								margin-top: 1.37%;/* 10px */
								position: relative;
							}

							#performance .guide .artist .schedule dt {
								float: left;
								z-index: 2;
							}

								#performance .guide .artist .schedule dt > span {
									background-color: #fcf0f1;
									padding-right: 0.4em;
								}

									#performance .guide .artist .schedule dt > span::before {
										background-color: #231815;
										border-radius: 0.5em;
										content: '';
										display: inline-block;
										height: 0.7em;
										margin-right: 0.4em;
										vertical-align: 0.1em;
										width: 0.7em;
									}

								#performance .guide .artist .schedule .hol {color: #e50012;}

							#performance .guide .artist .schedule dd {
								float: right;
								position: relative;
								z-index: 1;
							}

								#performance .guide .artist .schedule dd span {
									background-color: #fcf0f1;
									padding-left: 0.4em;
								}

								#performance .guide .artist .schedule dd::after {
									background-color: #231815;
									bottom: 0;
									content: '';
									display: block;
									height: 1px;
									margin: auto 1.01vw auto 0;/* auto 10px auto 0 */
									position: absolute;
									right: 0;
									top: 0;
									width: 46.28vw;/* 460px */
									z-index: -1;
								}

								@media screen and (min-width: 994px) {
									#performance .guide .artist .schedule dd::after {
										margin-right: 10px;
										width: 460px;
									}
								}

					#performance .guide .artist .photo {
						left: 0;
						margin-top: 5.75%;/* 42px */
						position: absolute;
						top: 0;
						width: 26.03%;/* 190px */
					}


			/* 陷ｷ�ｽ�ｺ蠍ｺ�ｼ螢ｽ謔� */
			#performance .guide .area {
				background-color: #fcf0f1;
				padding: 2.01% 0 6.04%;/* 20px 0 60px */
			}

				#performance .guide .area li {
					margin: 0 auto;
					padding-top: 4.43%;/* 44px */
					width: 73.44%;/* 814px */
				}

			@media screen and (min-width: 994px) {
				#performance .guide .area {padding: 20px 0 60px;}

					#performance .guide .area li {
						padding-top: 44px;
						width: 814px;
					}
			}

				#performance .guide .area .name {
					font-size: 4rem;
					font-weight: normal;
					position: relative;
					z-index: 1;
				}

					#performance .guide .area .name span {
						background-color: #fcf0f1;
						padding-right: 0.6em;
					}

					#performance .guide .area .name::after {
						background-color: #231815;
						bottom: 0;
						content: '';
						display: block;
						height: 1px;
						left: 0;
						margin: auto 0;
						position: absolute;
						right: 0;
						top: 0;
						z-index: -1;
					}

					#performance .guide .area .store {padding-top: 2.95%;/* 24px */}

						#performance .guide .area .store dl {
							font-size: 0;
							width: 100%;/* 814px */
						}

							#performance .guide .area .store dt,
							#performance .guide .area .store dd {
								display: inline-block;
								font-family: 'Century Gothic', 'Noto Sans JP', sans-serif;
								font-size: 2.2rem;
								margin-top: 2.46%;/* 20px */
								vertical-align: middle;
							}

							#performance .guide .area .store dt {
								background-color: #b88c18;
								border-radius: 3.1em;
								color: #fff;
								padding: 0.3em 0 0.4em;
								text-align: center;
								width: 5.6em;
							}

							#performance .guide .area .store .expand dt {width: 16.8em;}

							#performance .guide .area .store dd {
								letter-spacing: -0.02em;
								padding-left: 0.4em;
							}

								#performance .guide .area .store .hol {color: #e50012;}


	/** |03-03. 陞ｳ貊難ｽｼ譁撰ｿｽ闔ｨ螢ｽ謔л **************************************************************** END **/



	/** |03-04. 郢ｧ蛹ｻ�･邵ｺ繧�ｽ狗ｸｺ遒托ｽｳ�ｪ陜�讌ｯ ********************************************************** START **/


		/** [郢晏｣ｹ�ｽ郢ｧ�ｸ隶弱ｊ�ｦ窶� >> +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ >> START **/

		#qanda .header {padding: 6.04% 0;/* 60px 0 */}

			#qanda .header .label {
				margin: 0 auto;
				width: 25.55%;/* 254px */
			}

			#qanda .header .outline {
				line-height: 1.25;
				padding-top: 1.21%;/* 12px */
				text-align: center;
			}

		@media screen and (min-width: 994px) {
			#qanda .header {padding: 60px 0;}

				#qanda .header .label {width: 254px;}

				#qanda .header .outline {padding-top: 12px;}
		}


		/** [郢ｧ蛹ｻ�･邵ｺ繧�ｽ狗ｸｺ遒托ｽｳ�ｪ陜�蠕� >> +++++++++++++++++++++++++++++++++++++++++++++++++++++++ >> START **/

		#qanda .qanda {
			background-color: #fcf0f1;
			padding: 2.41% 0 6.44%;/* 24px 0 64px */
		}

			#qanda .qanda li {
				border: 1px solid #ec404d;
				margin: 4.03% auto 0;/* 40px auto 0 */
				padding: 1.81% 2.82%;/* 18px 28px */
				width: 78.07%;/* 776px */
			}

		@media screen and (min-width: 994px) {
			#qanda .qanda {padding: 20px 0 64px;}

				#qanda .qanda li {
					margin-top: 40px;
					padding: 18px 28px;
					width: 776px;
				}
		}

				#qanda .qanda .q {
					background: url(/base/store/special/hina/2018/img/qa/qnd_ico_arrow.gif) no-repeat 100% 50%;
					background-size: 3.93% auto;/* 24px auto */
					cursor: pointer;
					width: 100%;/* 718px */
				}

					#qanda .qanda .q::before {
						background: url(/base/store/special/hina/2018/img/qa/qnd_txt_q.gif) no-repeat 0 0;
						background-size: 100%;
						content: '';
						display: inline-block;
						padding-top: 11.7%;/* 84px */
						vertical-align: middle;
						width: 11.7%;/* 84px */
					}

					@media screen and (min-width: 994px) {
						#qanda .qanda .q::before {
							padding-top: 84px;
							width: 84px;
						}
					}


					#qanda .qanda .q span {
						-moz-box-sizing: border-box;
						-webkit-box-sizing: border-box;
						box-sizing: border-box;
						display: inline-block;
						font-size: 2.8rem;
						line-height: 1.2;
						padding: 0 6.69% 0 3.34%;/* 0 48px 0 24px */
						vertical-align: middle;
						width: 88.3%;/* 634px */
					}

				#qanda .qanda .a {
					margin-top: 3.62%;/* 26px */
					padding-left: 15.04%;/* 108px */
					position: relative;
					width: 100%;/* 718px */
				}

					#qanda .qanda .a::before {
						background: url(/base/store/special/hina/2018/img/qa/qnd_txt_a.gif) no-repeat 0 0;
						background-size: 100%;
						content: '';
						display: block;
						height: 0;
						left: 0;
						padding-top: 8.45vw;/* 84px */
						position: absolute;
						top: 0;
						width: 8.45vw;/* 84px */
					}

					@media screen and (min-width: 994px) {
						#qanda .qanda .a::before {
							padding-top: 84px;
							width: 84px;
						}
					}

					#qanda .qanda .a p {
						font-size: 2.6rem;
						line-height: 1.54;
						padding: 3.61% 0;/* 22px 0 */
					}

					#qanda .qanda .a dl {padding: 3.61% 0;/* 22px 0 22px */}

						#qanda .qanda .a dt,
						#qanda .qanda .a dd {
							font-size: 2.6rem;
							line-height: 1.54;
						}

					#qanda .qanda .a .image {padding: 4.92% 0 3.61%;/* 30px 0 22px */}


	/** |03-04. 郢ｧ蛹ｻ�･邵ｺ繧�ｽ狗ｸｺ遒托ｽｳ�ｪ陜�讌ｯ ************************************************************ END **/



	/** |03-05. 騾包ｽｨ髫ｱ讓｣蟇培 ****************************************************************** START **/


		/** [郢晏｣ｹ�ｽ郢ｧ�ｸ隶弱ｊ�ｦ窶� >> +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ >> START **/

		#term .header {padding: 6.04% 0;/* 60px 0 */}

			#term .header .label {
				margin: 0 auto;
				width: 21.93%;/* 218px */
			}

			#term .header .outline {
				line-height: 1.25;
				padding-top: 1.21%;/* 12px */
				text-align: center;
			}

		@media screen and (min-width: 994px) {
			#term .header {padding: 60px 0;}

				#term .header .label {width: 218px;}

				#term .header .outline {padding-top: 12px;}
		}


		/** [郢ｧ蛹ｻ�･邵ｺ繧�ｽ狗ｸｺ遒托ｽｳ�ｪ陜�蠕� >> +++++++++++++++++++++++++++++++++++++++++++++++++++++++ >> START **/

		#term .glossary {
			background-color: #fcf0f1;
			padding: 1.01% 0 6.44%;/* 10px 0 64px */
		}

		@media screen and (min-width: 994px) {
			#term .glossary {padding: 20px 0 64px;}
		}

			#term .glossary .index {
				font-size: 0;
				margin: 0 auto;
				text-align: center;
				width: 80.48%;/* 800px */
			}

			@media screen and (min-width: 994px) {
				#term .glossary .index {width: 800px;}
			}

				#term .glossary .index li {
					background-color: #999;
					display: inline-block;
					margin: 3.25% 1.5% 0;/* 26px 12px 0 */
					vertical-align: middle;
					width: 16.75%;/* 134px */
				}

					#term .glossary .index img {opacity: 0.7;}

					#term .glossary .index li a {
						background-color: #fff;
						display: block;
					}

						#term .glossary .index a img {
							opacity: 1;
							transition: opacity 0.3s;
						}

						#term .glossary .index li a:hover img {opacity: 0.3;}

			#term .glossary .words {
				margin: 0 auto;
				padding-top: 10.66%;/* 106px */
				width: 80.48%;/* 820px */
			}

				#term .glossary .words .column {
					padding-top: 6.59%;/* 54px */
					width: 10.24%;/* 84px */
				}

			@media screen and (min-width: 994px) {
				#term .glossary .words {
					padding-top: 106px;
					width: 820px;
				}

					#term .glossary .words .column img {width: 84px !important;}
			}

				#term .glossary .words .word {padding-top: 1.22%;/* 10px */}

				#term .glossary .words .column + .word {padding-top: 0;}

					#term .glossary .words .word dt {
						font-size: 3.2rem;
						font-weight: bold;
						padding-top: 4.63%;/* 38px */
					}

					#term .glossary .words .word dd {
						font-size: 2.6rem;
						line-height: 1.85;
						padding-top: 1.71%;/* 14px */
					}

						#term .glossary .words .word a {
							color: #e61f19;
							text-decoration: underline;
						}

						#term .glossary .words .word img {
							display: block;
							margin: 4.15% auto 0;/* 34px auto 0*/
						}

						#term .glossary .words .word img[src$="gls_img_name01.jpg"] {width: 100%;/* 820px */}
						#term .glossary .words .word img[src$="gls_img_name02.jpg"] {width: 99.02%;/* 812px */}


	/** |03-05. 騾包ｽｨ髫ｱ讓｣蟇培 ******************************************************************** END **/


/** |03. 郢ｧ�ｳ郢晢ｽｳ郢晢ｿｽﾎｦ郢斷ｻ << ***************************************************************** << END **/