@charset "UTF-8";

.searchArea{
	padding: 17px 3.75%;
	font-size: 1.2rem;
	background: #fff;
}

.tagInfoWrapper .nameArea {
	padding: 16px 3.75%;
}
	.tagInfoWrapper .nameArea h2{
		font-weight: bold;
		font-size: 1.6rem;
	}
		.tagInfoWrapper .nameArea span{
			font-size: .8em;
		}
.tagInfoWrapper .keyVisual {
	text-align: center;
}
.tagInfoWrapper.nodata .keyVisual {
	display: none;
}
.tagInfoWrapper .keyVisual .imgWrap16x9{
	max-width: 640px;
	margin: auto;
}
.tagInfoWrapper .keyVisual .imgWrap16x9 img{
	width: 100%;
}

.tagInfoWrapper .information{
	padding: 0 3.75%;
}

	.tagInfoWrapper .information .textArea h2{
		margin-top: 20px;
		font-weight: bold;
		font-size: 1.6rem;
	}
		.tagInfoWrapper .information .textArea h2 span{
			font-size: .8em;
		}
	.tagInfoWrapper .information .textArea .copyContainer{
		margin: 20px 0;
		font-size: 1.3rem;
		line-height: 1.6;
	}
.actionArea .btnArea{
	padding: 0;
}

.actionArea .btnArea .btnConcerned{
	color: #46190c;
	background: #ffcc00;
}
.subheader {
	padding: 40px 3.75% 0;
	margin-bottom: -5px;
	font-weight: bold;
	font-size: 1.6rem;
}

/***************************************
		PCレイアウト定義
****************************************/
@media screen and (min-width: 960px) {
	.tagInfoWrapper{
		width: 100%;
		background-color: #fff;
	}
	.tagInfoWrapper .nameArea {
		width: 860px;
		margin: -8px auto 0;
		padding: 0;
	}
		.tagInfoWrapper .nameArea h2{
			font-size: 2.5rem;
		}
		.tagInfoWrapper.nodata .nameArea h2 {
			width: 560px;
			min-height: 60px;
		}
		.tagInfoWrapper .tagInfoWrapperIn{
			width: 860px;
			margin: 0 auto;
			padding: 30px 0;
		}
		.tagInfoWrapper.nodata .tagInfoWrapperIn {
			padding: 0 0;
		}
		.tagInfoWrapper .keyVisual{
			float: left;
			width: 480px;
			padding-bottom: 0;
			background: none;
		}
			.tagInfoWrapper .keyVisual img{
				width: 100%;
				box-shadow: 0 0 0 1px #e5e5e5;
			}

		.tagInfoWrapper .information{
			position: relative;
			padding: 0;
		}
		.tagInfoWrapper:not(.nodata) .information{
			float: right;
			width: 350px;
		}
			.tagInfoWrapper:not(.nodata) .information .textArea{
				width: 330px;
				margin: 0 11px 15px 9px;
			}
			.tagInfoWrapper.nodata .information .textArea{
				width: 570px;
			}
				.tagInfoWrapper .information .textArea .copyContainer{
					max-height: 190px;
					overflow-x: hidden;
					overflow-y: auto;
					margin-top: 0;
				}
			.tagInfoWrapper .information .actionArea{
				width: 270px;
				margin: 0 auto;
			}
			.tagInfoWrapper.nodata .information .actionArea{
				position: absolute;
				right: 0;
				top: -60px;
			}

				.tagInfoWrapper .information .actionArea .btnArea{
					float: none;
					margin: 0;
				}
					.tagInfoWrapper .information .actionArea .btnArea .btnConcerned{
						padding: 0;
						margin-top: 0;
						font-size: 2.0rem;
						background: #ffcc00;
						color: #46190c;
						line-height: 60px;
					}
					html.mouseDevice .tagInfoWrapper .information .actionArea .btnArea .btnConcerned:hover{
						text-decoration: none;
						background: #ffe066;
					}
					.tagInfoWrapper .information .actionArea .btnArea .btnConcerned i.icon.iconBell,
					.tagInfoWrapper .information .actionArea .btnArea .btnConcerned i.icon.iconBellCheck{
						vertical-align: -6px;
					}
					.tagInfoWrapper .information .actionArea .btnArea .btnAddMyList{
						margin-top: 16px;
					}
					.tagInfoWrapper .information .actionArea .btnArea .btnAddMyList i{
						background-position: 0 -186px;
					}
	.subheader {
		padding: 30px 0 0;
		width: 860px;
		margin: 0 auto -10px;
	}
}