@charset "UTF-8";
@import url("common.css");

#wp {
		background-color: #eeeeee;
}
.mf_finder_searchBox_query_input {
		background-color: #fff;
}

footer .btnPageTop span {
		padding: 0 6% 11px 0;
}
.topAlert {
		padding: 0 0 11px 0;
}

/* general parts ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#ct .btn-red {
		display: block;
		width: 100%;
		height: 50px;
		background-color: #c10505;
		color: #fff;
		vertical-align: middle;
		text-align: center;
		font-size: 15px;
		line-height: 50px;
		-webkit-border-radius: 2px;
		border-radius: 2px;
}
#ct .btn-red:hover {
		opacity: 0.5;
		color: #fff;
		text-decoration: none;
}
#ct .btn-white {
		display: block;
		width: 100%;
		height: 50px;
		background-color: FFF;
		color: #c10505;
		vertical-align: middle;
		text-align: center;
		font-size: 15px;
		line-height: 50px;
		-webkit-border-radius: 2px;
		border-radius: 2px;
		border: 1px solid #d14d4d;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
}
#ct .btn-white:hover {
		opacity: 0.5;
		color: #c10505;
		text-decoration: none;
}
#ct .title-content {
		padding: 13px 20px 12px 20px;
		background-color: #c10505;
}
#ct .title-content img {
		display: inline-block;
}
#ct .title-content p {
		display: inline-block;
		margin: 3px auto auto 14px;
}
#ct .content-foot {
		margin: 8px 0 0 0;
		padding: 0 17px;
		border-top: 2px solid #eeeeee;
}
#ct .content-foot .more-link {
		padding-top: 6px;
		display: block;
		text-align: right;
		background: url(../../../img/sp/article/common/icon/icon_arrow_t_red.png)
				right top 50% no-repeat;
		background-size: 5px 10px;
		padding: 5px 20px 6px 20px;
		font-size: 125%;
		color: #a60000;
}
#ct .content-foot .more-link a {
		color: #a60000;
}
/* /general parts ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* profile-wrapper
========================================================================== */
#ct .profile-wrapper {
		margin: 0 17px;
		padding: 0 0 26px 0;
}
#ct .profile-wrapper .profile-column {
		overflow: hidden;
		-webkit-border-radius: 4px;
		border-radius: 4px;
		box-shadow: 0px 0px 2px 0px #dddddd;
		-webkit-box-shadow: 0px 0px 2px 0px #dddddd;
		-moz-box-shadow: 0px 0px 2px 0px #dddddd;
		-o-box-shadow: 0px 0px 2px 0px #dddddd;
		-ms-box-shadow: 0px 0px 2px 0px #dddddd;
}
#ct .profile-wrapper .profile-column .card-container {
		background-color: #f6f6f6;
}
.card-container .card-visual {
		width: 100%;
}
.card-container .card-visual .card-image {
		width: 100%;
}
.card-container .card-copyright {
		width: 100%;
		padding: 10px 0 8px 0;
		min-height: 2em;
		text-align: center;
		font-size: 9px;
		color: #717171;
}
#ct .profile-wrapper .profile-column .profile-container {
		padding: 7px 0 20px 0;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		background-color: #fff;
}
/*@media screen and (min-width: 768px) {
	.profile-container .user-info-upper{
		display: table;
		border-collapse: collapse;
		max-width: 510px;
	}
}*/
#ct .profile-container .user-info-upper {
		display: flex;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-align-items: center;
		align-items: center;
}
#ct .profile-container .user-info-upper .user-thumbnail-cell {
		/*display: table-cell;*/
		width: 35px;
		padding: 2px;
		background-color: #eeeeee;
}
#ct .profile-container .user-info-upper .user-thumbnail-cell .thumbnail {
		width: 35px;
}
#ct .profile-container .user-info-upper .user-name-cell {
		/*display: table-cell;*/
		vertical-align: middle;
		text-align: left;
		padding: 4px 4px 4px 18px;
}
#ct .profile-container .user-info-upper .user-name-cell .name {
		font-size: 18px;
		color: #c7171a;
		margin-right: 1em;
		text-decoration: none;
}
#ct .profile-container .user-info-upper .user-name-cell .name:hover,
#ct .profile-container .user-info-upper .user-name-cell .name:active  {
	text-decoration: underline;
}
#ct .profile-container .user-info-upper .user-name-cell .icon {
		vertical-align: baseline;
		width: 14px;
}
#ct .profile-container .user-info-table {
		width: 255px;
		margin: 0 auto 10px auto;
		border-collapse: collapse;
}
#ct .profile-container .user-info-table .info-cell {
		padding-top: 6px;
		text-align: center;
		font-size: 18px;
		line-height: 1.3;
}
#ct .profile-container .user-info-table .info-cell.tit--left {
		padding-top: 14px;
		text-align: left;
}
#ct .profile-container .user-info-table .info-cell.tit--right {
		padding-top: 14px;
		text-align: right;
}
#ct .profile-container .user-info-table .info-cell .tit {
		display: inline-block;
		width: 120px;
		padding-top: 1px;
		padding-bottom: 3px;
		background-color: #eee;
		text-align: center;
		vertical-align: middle;
		-webkit-border-radius: 9px;
		border-radius: 9px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		line-height: 1;
}
#ct .profile-container .user-info-table .info-cell .tit .txt {
		vertical-align: middle;
		height: 10px;
		line-height: 1;
}
#ct .profile-container .user-info-table .info-cell .link-point {
	text-decoration: none;
	color: #c7171a;
}
#ct .profile-container .user-info-table .info-cell .link-point:hover {
	text-decoration: underline;
}
#ct .profile-container .user-info-table .info-cell .icon-medal {
		margin-right: 8px;
		width: 31px;
		vertical-align: middle;
}
#ct .profile-container .btn-result {
		width: 255px;
		margin: 10px auto 0 auto;
}
#ct .profile-container .btn-setting {
		margin-top: 10px;
		width: 255px;
		margin: 10px auto 0 auto;
		background: url(../../../img/sp/article/top2/icon_setting_red.png) 15px center
				no-repeat;
		-webkit-background-size: 14px auto;
		-o-background-size: 14px auto;
		background-size: 14px auto;
}
/* //profile-wrapper
========================================================================== */

/* auth-wrapper
========================================================================== */
#ct .auth-wrapper {
		margin: 0 17px;
		padding: 0 0 26px 0;
}
#ct .auth-wrapper .auth-column {
		overflow: hidden;
		padding: 0 0 30px 0;
		background: #fff url(../../../img/sp/article/top2/bg_authwrapper.jpg) center
				top no-repeat;
		-webkit-background-size: 100% auto;
		-o-background-size: 100% auto;
		background-size: 100% auto;
		-webkit-border-radius: 4px;
		border-radius: 4px;
		box-shadow: 0px 0px 2px 0px #dddddd;
		-webkit-box-shadow: 0px 0px 2px 0px #dddddd;
		-moz-box-shadow: 0px 0px 2px 0px #dddddd;
		-o-box-shadow: 0px 0px 2px 0px #dddddd;
		-ms-box-shadow: 0px 0px 2px 0px #dddddd;
		overflow: hidden;
}
#ct .auth-wrapper .auth-column .auth-head {
		padding: 26px 0 0 0;
		text-align: center;
}
#ct .auth-wrapper .auth-column .auth-head .logo {
		text-align: center;
}
#ct .auth-wrapper .auth-column .auth-head .logo img {
		height: 32px;
}
#ct .auth-wrapper .auth-column .auth-head .txt {
		padding: 2em 0 0 0;
		text-align: center;
		font-size: 12px;
		color: #606060;
}
@media screen and (min-width: 350px) {
		#ct .auth-wrapper .auth-column .auth-head .txt {
				font-size: 14px;
		}
}
#ct .auth-wrapper .auth-column .auth-head .buttons {
		width: 255px;
		margin: 0 auto;
}
#ct .auth-wrapper .auth-column .auth-head .buttons .btn-login {
		margin-top: 20px;
}
#ct .auth-wrapper .auth-column .auth-head .buttons .btn-regist {
		margin-top: 14px;
}
#ct .auth-wrapper .auth-column .auth-head .txt-loginnotice {
		width: 296px;
		margin: 0 auto;
		padding-top: 1em;
		text-align: center;
		color: #c7171a;
		font-size: 12px;
		line-height: 1.5;
}
#ct .auth-wrapper .auth-column .auth-foot {
		margin: 0 auto;
		padding: 33px 0 0 0;
}
#ct .auth-wrapper .auth-column .auth-foot .about-box {
		margin: 13px 20px 0 20px;
		padding: 13px;
		-webkit-border-radius: 6px;
		border-radius: 6px;
		background-color: #efefef;
}
#ct .auth-wrapper .auth-column .auth-foot .about-box:last-child {
		margin: 20px 20px 0 20px;
}
#ct .auth-wrapper .auth-column .auth-foot .tit {
		text-align: center;
}
#ct .auth-wrapper .auth-column .auth-foot .tit img {
		width: 275px;
		max-width: 94%;
}
#ct .auth-wrapper .auth-column .auth-foot .txt {
		padding: 1em 0 0 0;
		text-align: left;
}
#ct .auth-wrapper .auth-column .auth-foot .img-point {
		text-align: center;
}
#ct .auth-wrapper .auth-column .auth-foot .img-point img {
		width: 240px;
		max-width: 98%;
}
#ct .auth-wrapper .auth-column .auth-foot .img-service {
		text-align: center;
}
#ct .auth-wrapper .auth-column .auth-foot .img-service img {
		width: 262px;
		max-width: 98%;
}
/* //auth-wrapper
========================================================================== */

/* topics-list
========================================================================== */
#ct .topics-list {
		padding: 5px 0 0 0;
		margin-bottom: 10px;
}
#ct .topics-list .list-content {
		display: block;
		margin: 10px 17px 0 17px;
		padding: 0 0 5px 0;
		background-color: #fff;
		-webkit-border-radius: 4px;
		border-radius: 4px;
		box-shadow: 0px 0px 2px 0px #dddddd;
		-webkit-box-shadow: 0px 0px 2px 0px #dddddd;
		-moz-box-shadow: 0px 0px 2px 0px #dddddd;
		-o-box-shadow: 0px 0px 2px 0px #dddddd;
		-ms-box-shadow: 0px 0px 2px 0px #dddddd;
		overflow: hidden;
}
#ct .topics-list .list-content .topics-list-content {
		display: flex;
		-webkit-align-content: space-between;
		align-content: space-between;
		width: 100%;
}
#ct .topics-list .list-content .topics-thumbnail {
		width: 168px;
}
#ct .topics-list .list-content .topics-thumbnail img {
		width: 100%;
}
#ct .topics-list .list-content .topics-list-content .topics-upper {
		flex: 1;
		padding: 10px 7px;
		font-size: 12px;
		line-height: 1.3;
		color: #606060;
}
#ct .topics-list .list-content .topics-bottom {
		padding: 4px 5px 0 0;
		border-top: 1px solid #eeeeee;
}
#ct .topics-list .list-content .topics-bottom .bottom-inner {
		width: 100%;
}
/*#ct .topics-list .list-content .topics-bottom .date{
	display: inline-block;
	font-size: 16px;
	color: #9A9A9A;
}*/
#ct .topics-list .list-content .topics-bottom .sns-box {
		display: inline-block;
		text-align: right;
		float: right;
}
#ct .topics-list .list-content .topics-bottom .sns-box .txt {
		float: right;
		display: inline-block;
		text-align: right;
		color: #606060;
}
#ct .topics-list .list-content .topics-bottom .social-buttons {
		float: right;
		width: 40px;
}
#ct .topics-list .list-content .topics-bottom .social-buttons .txt {
		font-size: 8px;
}
#ct .topics-list .list-content .topics-bottom .sns-box .btn-sns {
		display: inline-block;
		float: right;
		margin-left: 5px;
}
#ct .topics-list .list-content .topics-bottom .sns-box .btn-sns img {
		width: 15px;
}
#ct .topics-list .list-content .topics-bottom .sns-box .btn-sns:hover {
		opacity: 0.5;
}
/* //topics-list
========================================================================== */

/* info-wrapper
========================================================================== */
#ct .info-wrapper {
		padding: 10px 0 0 0;
		background-color: #fff;
}
#ct .info-wrapper .info-list {
}
#ct .info-wrapper .info-list .list-content {
		display: block;
		margin: 8px 17px 0 17px;
}
#ct .info-wrapper .info-list .list-content .link {
		display: block;
		min-height: 27px;
		padding: 0.5em 20px 0 40px;
		font-size: 12px;
		color: #606060;
		position: relative;
}
#ct .info-wrapper .info-list .list-content .link:before {
		content: "";
		display: inline-block;
		background-image: url(../../../img/sp/article/top2/icon_alert.png);
		background-repeat: no-repeat;
		background-position: 0 0;
		-webkit-background-size: 100% auto;
		-o-background-size: 100% auto;
		background-size: 100% auto;
		width: 30px;
		height: 27px;
		position: absolute;
		left: 0;
		top: 0;
}
#ct .info-wrapper .info-list .list-content .link:after {
		content: "";
		background: url(../../../img/sp/article/top2/icon_arrow.png) 0 0 no-repeat;
		display: inline-block;
		width: 5px;
		height: 10px;
		-webkit-background-size: 100% auto;
		-o-background-size: 100% auto;
		background-size: 100% auto;
		position: absolute;
		right: 0;
		top: 0.5em;
}
/* //info-wrapper
========================================================================== */

/* twitter-wrapper
========================================================================== */
#ct .twitter-wrapper {
		padding: 15px 0;
		background-color: #fff;
}
#ct .twitter-wrapper .twitter-content {
		margin: 0;
		position: relative;
}
#ct .twitter-wrapper .twitter-content .twitter-content-left {
		display: flex;
		max-width: 340px;
		margin: 0 auto;
		padding: 0 8%;
		justify-content: space-between;
		align-items: center;
}
#ct .twitter-wrapper .twitter-content .twitter-content-left .thumbnail-box {
		width: 100px;
		padding: 0;
		text-align: center;
}
#ct
		.twitter-wrapper
		.twitter-content
		.twitter-content-left
		.thumbnail-box
		.thumbnail {
		width: 100%;
}
#ct .twitter-wrapper .twitter-content .twitter-content-left .thumbnail-box img {
		width: 100%;
		height: 100%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		border: 5px solid #efefef;
		-webkit-border-radius: 50%;
		border-radius: 50%;
}
#ct .twitter-wrapper .twitter-content .twitter-content-left .name-box {
		text-align: left;
}
#ct
		.twitter-wrapper
		.twitter-content
		.twitter-content-left
		.name-box
		.txt-normal {
		padding-bottom: 0.2em;
		color: #606060;
		font-size: 15px;
		font-weight: bold;
}
@media screen and (min-width: 350px) {
		#ct
				.twitter-wrapper
				.twitter-content
				.twitter-content-left
				.name-box
				.txt-normal {
				font-size: 15px;
		}
}
#ct
		.twitter-wrapper
		.twitter-content
		.twitter-content-left
		.name-box
		.txt-link {
		font-size: 15px;
		color: #acacac;
}
#ct
		.twitter-wrapper
		.twitter-content
		.twitter-content-left
		.name-box
		.txt-link
		a {
		color: #c7171a;
		text-decoration: underline;
		}
		a:hover, a:active{
		text-decoration: none;
		}
#ct .twitter-wrapper .twitter-content .button-box {
		padding: 20px 0;
}
#ct
		.twitter-wrapper
		.twitter-content
		.button-box
		.btn-twitter {
		width: 255px;
		height: 50px;
		display: flex;
		align-items: center;
		justify-content: center;
		margin: 0 auto;
		background-color: #2196e0;
		-webkit-border-radius: 2px;
		border-radius: 2px;
		color: #fff;
		font-size: 15px;
		text-align: center;
		text-decoration: none;
}
#ct
		.twitter-wrapper
		.twitter-content
		.button-box
		.btn-twitter
		.icon {
		width: 24px;
		vertical-align: middle;
}
#ct
		.twitter-wrapper
		.twitter-content
		.text-twitter{
				max-width: 340px;
				margin: 0 auto;
				padding: 16px 8% 0 8%;
				text-align-last: left;
				font-size: 14px;
}



#ct #tweetListArea {
		width: 100%;
}
#ct #tweetListArea #tweetList {
		width: 100%;
}
#ct #tweetListArea #tweetList li {
		width: 100%;
		background: #ffffff;
		border-top: 1px solid #d9d9d9;
		padding-top: 9px;
		padding-bottom: 9px;
}
#ct #tweetListArea dl {
		margin: 0 11px;
}
#ct #tweetListArea dl .thumb {
		width: 36px;
		float: left;
}
#ct #tweetListArea dl .thumb img {
		width: 100%;
		-webkit-border-radius: 50%;
		border-radius: 50%;
}
#ct #tweetListArea dl dt {
		margin: 0 30px 0 44px;
}
#ct #tweetListArea dl dt a {
		color: #606060;
}
#ct #tweetListArea dl dd a {
		color: #a60000;
		text-decoration: underline;
}
#ct #tweetListArea dl dd.text,
#ct #tweetListArea dl dd.meta {
		margin: 0 13px 0 44px;
}
#ct #tweetListArea dl dd.meta {
		font-size: 9px;
		color: #999999;
}
#ct #tweetListArea .btnTwitterOfficial {
		width: 100%;
		padding: 14px 0;
		text-align: center;
		display: block;
}
#ct #tweetListArea .btnTwitterOfficial img {
		width: 224px;
		display: block;
		margin: 0 auto;
}
/* //twitter-wrapper
========================================================================== */

/* related-wrapper
========================================================================== */
#ct .related-wrapper {
		margin: 14px 17px 24px 17px;
		padding: 0 0 24px 0;
		background-color: #fff;
		-webkit-border-radius: 4px;
		border-radius: 4px;
		box-shadow: 0px 0px 2px 0px #dddddd;
		-webkit-box-shadow: 0px 0px 2px 0px #dddddd;
		-moz-box-shadow: 0px 0px 2px 0px #dddddd;
		-o-box-shadow: 0px 0px 2px 0px #dddddd;
		-ms-box-shadow: 0px 0px 2px 0px #dddddd;
		overflow: hidden;
}
#ct .related-wrapper .related-head {
		padding: 0 0 16px 0;
}
#ct .related-wrapper .related-head img {
		width: 100%;
}
#ct .related-wrapper .related-bnr {
		margin: 0 20px;
}
#ct .related-wrapper .related-bnr .bnr {
		margin-top: 5px;
}
#ct .related-wrapper .related-bnr .bnr img {
		width: 100%;
}
#ct .related-wrapper .note {
		margin: 0 20px;
		padding-top: 0.8em;
		font-size: 11px;
		color: #5a5a5a;
}
#ct .related-wrapper .otherrelated {
		padding: 18px 0 14px 0;
		text-align: center;
}
#ct .related-wrapper .app-container {
		text-align: center;
}
#ct .related-wrapper .app-container .app-list {
		display: flex;
		-webkit-justify-content: center;
		justify-content: center;
		margin: 0 auto;
}
#ct .related-wrapper .app-container .app-list li {
		margin: 0 5px;
}
#ct .related-wrapper .app-container .app-list .btn img {
		display: inline-block;
		height: 40px;
}
#ct .related-wrapper .app-container .app-list .btn:hover {
		opacity: 0.5;
}
#ct .related-wrapper .app-recommend {
		margin: 25px 0 0 0;
		padding: 0 0 10px 0;
		text-align: center;
}
#ct .related-wrapper .app-recommend img {
		height: 37px;
		max-height: 34px;
}
#ct .related-wrapper .btn-official {
		display: block;
		margin: 0 auto;
		width: 255px;
		height: 50px;
		background-color: #c10505;
		color: #fff;
		vertical-align: middle;
		text-align: center;
		font-size: 18px;
		line-height: 50px;
		-webkit-border-radius: 2px;
		border-radius: 2px;
		text-decoration: none;
}
#ct .related-wrapper .btn-official:hover {
		opacity: 0.5;
}

/* //related-wrapper
========================================================================== */

/* article ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#ct #articleArea {
		width: 100%;
		margin: 0;
		padding: 7px 0 15px 0;
		background: url(../../../img/sp/article/common/bg/bg_lowerarea.png) left
				bottom repeat-x;
		background-size: 1px 15px;
		text-align: center;
}
/* articleListArea +++++++++++++++++++++++++++++++++++++++++++++++ */
@media screen and (max-width: 2560px) {
		#ct #ctC #articleListArea {
				width: 615px;
				margin: 0 auto;
				overflow: hidden;
				padding: 0 0 15px 0;
		}
		#ct #ctC #articleListArea .articleList {
				width: 300px;
				display: block;
				float: left;
				margin: 0 15px 15px 0;
				font-size: 150%;
		}
		#ct #ctC #articleListArea .articleList:nth-child(even) {
				margin: 0 0 15px 0;
		}
		#ct #ctC #articleListArea .articleList .articleListBox {
				width: 100%;
				position: relative;
		}
		#ct #ctC #articleListArea .articleList .articleListBox .articleIcon {
				position: absolute;
				right: -6px;
				top: -6px;
		}
		#ct #ctC #articleListArea .articleList .articleListBox .articleListThumb {
				width: 100%;
		}
		#ct #ctC #articleListArea .articleList .articleListBox .articleListThumb img {
				width: 300px;
		}

		#ct
				#ctC
				#articleListArea
				.articleList
				.articleListBox
				.commentBox
				.commentTxt
				p {
				height: 4.5em;
				padding: 8px 14px;
				font-size: 75%;
				line-height: 1.5;
		}
}
@media screen and (max-width: 640px) {
		#ct #ctC #articleListArea {
				width: 308px;
				margin: 0 auto;
				overflow: hidden;
				padding: 0 0 15px 0;
		}
		#ct #ctC #articleListArea .articleList {
				width: 150px;
				display: block;
				float: left;
				margin: 0 7px 7px 0;
		}
		#ct #ctC #articleListArea .articleList:nth-child(even) {
				margin: 0 0 7px 0;
		}
		#ct #ctC #articleListArea .articleList .articleListBox {
				width: 100%;
				position: relative;
		}
		#ct #ctC #articleListArea .articleList .articleListBox .articleIcon {
				position: absolute;
				right: -6px;
				top: -6px;
		}
		#ct #ctC #articleListArea .articleList .articleListBox .articleListThumb {
				width: 100%;
		}
		#ct #ctC #articleListArea .articleList .articleListBox .articleListThumb img {
				width: 150px;
		}
		#ct
				#ctC
				#articleListArea
				.articleList
				.articleListBox
				.commentBox
				.commentTxt
				p {
				height: 4.5em;
				padding: 4px 7px;
				font-size: 9px;
				line-height: 1.5;
		}
}

#ct #ctC #articleListArea .articleList .articleListBox .commentBox {
		width: 100%;
		background: #d30404; /* Old browsers */
		background: -moz-linear-gradient(top, #d30404 0%, #a60000 100%); /* FF3.6+ */
		background: -webkit-gradient(
				linear,
				left top,
				left bottom,
				color-stop(0%, #d30404),
				color-stop(100%, #a60000)
		); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(
				top,
				#d30404 0%,
				#a60000 100%
		); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(
				top,
				#d30404 0%,
				#a60000 100%
		); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, #d30404 0%, #a60000 100%); /* IE10+ */
		background: linear-gradient(to bottom, #d30404 0%, #a60000 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d30404', endColorstr='#a60000',GradientType=0 ); /* IE6-9 */
		border-top: 1px solid #f30000;
		color: #ffffff;
}
#ct #ctC #articleListArea .articleList .articleListBox .commentBox .commentTxt {
		width: 100%;
		overflow: hidden;
}
#ct
		#ctC
		#articleListArea
		.articleList
		.articleListBox
		.commentBox
		.commentTxt
		p
		a {
		color: #ffffff;
}
/* /articleListArea ++++++++++++++++++++++++++++++++++++++++++++++ */

/* /article +++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* bnrList +++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#ct #bnrList {
		width: 100%;
		margin: 0;
		text-align: center;
}
#ct #bnrList li {
		width: 240px;
		margin: 0 auto;
		padding: 0 0 15px 0;
		text-align: center;
}
#ct #bnrList li img {
		width: 240px;
}
/* /bnrList ++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* infoList ++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#ct #infoListArea {
		width: 100%;
		background: #ffffff;
}
#ct #infoListArea #infoList {
		width: 100%;
}
#ct #infoListArea #infoList li {
		width: 100%;
		display: block;
		background: -moz-linear-gradient(
				top,
				#ffffff 0%,
				#fefefe 50%,
				#f7f7f7 100%
		); /* FF3.6+ */
		background: -webkit-gradient(
				linear,
				left top,
				left bottom,
				color-stop(0%, #ffffff),
				color-stop(50%, #fefefe),
				color-stop(100%, #f7f7f7)
		); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(
				top,
				#ffffff 0%,
				#fefefe 50%,
				#f7f7f7 100%
		); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(
				top,
				#ffffff 0%,
				#fefefe 50%,
				#f7f7f7 100%
		); /* Opera 11.10+ */
		background: -ms-linear-gradient(
				top,
				#ffffff 0%,
				#fefefe 50%,
				#f7f7f7 100%
		); /* IE10+ */
		background: linear-gradient(
				to bottom,
				#ffffff 0%,
				#fefefe 50%,
				#f7f7f7 100%
		); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f7f7f7',GradientType=0 ); /* IE6-9 */
		border-bottom: 1px solid #d9d9d9;
}
#ct #infoListArea #infoList li a {
		width: 100%;
		display: table;
		background: url(../../../img/sp/article/common/icon/icon_infoalert.png) 9px
				50% no-repeat;
		background-size: 28px 25px;
}
#ct #infoListArea #infoList li a span {
		display: table-cell;
		background: url(../../../img/sp/article/common/icon/icon_arrow_r_gray.png) 97%
				50% no-repeat;
		background-size: 4px 8px;
		font-size: 75%;
		color: #606060;
		padding: 10px 6% 10px 50px;
}
#ct #infoListArea .moreInfo {
		display: block;
		text-align: right;
		background: url(../../../img/sp/article/common/icon/icon_arrow_t_red.png) 97%
				50% no-repeat;
		background-size: 4px 8px;
		padding: 5px 5% 6px 0;
		font-size: 125%;
		color: #a60000;
}
/* /infoList +++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* youtubeList +++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#ct #youtubeListArea {
		width: 100%;
}
#ct #youtubeListArea #youtubeList {
		width: 100%;
}
#ct #youtubeListArea #youtubeList li {
		width: 100%;
		background: -moz-linear-gradient(
				top,
				#ffffff 0%,
				#fefefe 50%,
				#f7f7f7 100%
		); /* FF3.6+ */
		background: -webkit-gradient(
				linear,
				left top,
				left bottom,
				color-stop(0%, #ffffff),
				color-stop(50%, #fefefe),
				color-stop(100%, #f7f7f7)
		); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(
				top,
				#ffffff 0%,
				#fefefe 50%,
				#f7f7f7 100%
		); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(
				top,
				#ffffff 0%,
				#fefefe 50%,
				#f7f7f7 100%
		); /* Opera 11.10+ */
		background: -ms-linear-gradient(
				top,
				#ffffff 0%,
				#fefefe 50%,
				#f7f7f7 100%
		); /* IE10+ */
		background: linear-gradient(
				to bottom,
				#ffffff 0%,
				#fefefe 50%,
				#f7f7f7 100%
		); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f7f7f7',GradientType=0 ); /* IE6-9 */
		border-bottom: 1px solid #d9d9d9;
		padding-top: 9px;
		padding-bottom: 9px;
}
#ct #youtubeListArea dl {
		width: 100%;
		margin: 0;
		background: url(../../../img/sp/article/common/icon/icon_arrow_r_gray.png) 97%
				50% no-repeat;
		background-size: 4px 8px;
}
#ct #youtubeListArea dl .thumb {
		width: 120px;
		float: left;
		margin-left: 10px;
}
#ct #youtubeListArea dl .thumb img {
		width: 120px;
}
#ct #youtubeListArea dl dt {
		margin: 0 30px 0 139px;
		padding: 0.4em 0 0 0;
		font-size: 125%;
		line-height: 1.3;
}
#ct #youtubeListArea dl dt a {
		color: #606060;
}
#ct #youtubeListArea dl dd a {
		color: #a60000;
		text-decoration: underline;
}
#ct #youtubeListArea dl dd.text,
#ct #youtubeListArea dl dd.meta {
		margin: 0 6% 0 139px;
		padding: 0.3em 0 0 0;
		font-size: 108.3%;
}
#ct #youtubeListArea dl dd.meta {
		color: #999999;
}
#ct #youtubeListArea .btnSQEXChannel {
		width: 100%;
		padding: 14px 0;
		text-align: center;
		display: block;
}
#ct #youtubeListArea .btnSQEXChannel img {
		width: 224px;
		display: block;
		margin: 0 auto;
}
/* /youtubeList ++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* footer ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
footer nav {
		padding: 0;
}
footer nav > h1:first-child {
		box-shadow: none;
}
footer nav #helpAndSupportArea dl {
		width: 100%;
		border-bottom: 1px solid #ffffff;
}
footer .pagetopBox {
		background: #eeeeee; /* Old browsers */
		background: -moz-linear-gradient(
				top,
				#cfcfcf 0%,
				#eeeeee 10%,
				#eeeeee 100%
		); /* FF3.6+ */
		background: -webkit-gradient(
				linear,
				left top,
				left bottom,
				color-stop(0%, #cfcfcf),
				color-stop(10%, #eeeeee),
				color-stop(100%, #eeeeee)
		); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(
				top,
				#cfcfcf 0%,
				#eeeeee 10%,
				#eeeeee 100%
		); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(
				top,
				#cfcfcf 0%,
				#eeeeee 10%,
				#eeeeee 100%
		); /* Opera 11.10+ */
		background: -ms-linear-gradient(
				top,
				#cfcfcf 0%,
				#eeeeee 10%,
				#eeeeee 100%
		); /* IE10+ */
		background: linear-gradient(
				to bottom,
				#cfcfcf 0%,
				#eeeeee 10%,
				#eeeeee 100%
		); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cfcfcf', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
}
footer .pagetopBox .pagetopBox-inner {
		background: url(../../../img/sp/article/common/bg/bg_pagetop.png) left bottom
				repeat-x;
		background-size: 1px 7px;
		padding: 10px 0 3px 0;
}
footer .pagetopBox .btnPageTop span {
		background: url(../../../img/sp/common/icon/icon_slideup.png) 97% 30%
				no-repeat;
		background-size: 8px 4px;
}
/* /footer +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* window-login-bonus++++++++++++++++++++++++++++++++++++++++++++++ */
.window-login-bonus {
		width: 100%;
		height: 100%;
		margin: 0;
		padding: 0 0 0 0;
		position: fixed;
		left: 0;
		top: 0;
		z-index: 2000;
		display: none;
}
.window-login-bonus .mask {
		width: 100%;
		height: 100%;
		position: absolute;
		left: 0;
		top: 0;
		background: rgba(0, 0, 0, 0.5);
}
.window-login-bonus .login-box {
		width: 256px;
		height: 124px;
		position: absolute;
		left: 50%;
		top: 60px;
		margin-left: -128px;
		z-index: 2001;
		background: url(../../../img/article/top/bg_window_loginbonus.jpg) 0 0
				no-repeat;
		background-size: 100% auto;
}
.window-login-bonus .login-box .text {
		margin: 60px 0 0 0;
		text-align: center;
		font-size: 14px;
		color: #606060;
}
.window-login-bonus .btn-close {
		width: 72px;
		height: 15px;
		position: absolute;
		left: 50%;
		top: 92px;
		margin-left: -36px;
		background: url(../../../img/article/common/btn/bg_btn_small.png) 0 0
				no-repeat;
		background-size: 100% auto;
		cursor: pointer;
		font-size: 7px;
		line-height: 15px;
		text-align: center;
		color: #ffffff;
}
.window-login-bonus .btn-close:hover {
		background: url(../../../img/article/common/btn/bg_btn_small.png) 0 -30px no-repeat;
		background-size: 100% auto;
}

.window-login-bonus .txt-close {
		height: 30px;
		position: absolute;
		right: 4px;
		top: -20px;
		cursor: pointer;
		font-size: 11px;
		text-align: right;
		color: #ffffff;
		text-decoration: underline;
}
/* /window-login-bonus+++++++++++++++++++++++++++++++++++++++++++++ */

/* */
.twitter-image-wrap {
		margin: 0 0 0 58px;
		border: 1px solid #ccd6dd;
		border-radius: 12px;
		overflow: hidden;
		padding: 56.24% 0 0 0;
		position: relative;
		margin-top: 12px;
}
.twitter-image-wrap .twitter-image-box {
		position: absolute;
		left: 0;
		top: 0;
		bottom: 0;
		right: 0;
		display: flex;
}
.twitter-image-wrap.single-image {
		padding: 0;
}
.twitter-image-wrap.single-image .twitter-image-box {
		position: static;
		display: block;
}
.twitter-image-wrap.single-image .twitter-image-box .image-container {
		cursor: pointer;
}
.twitter-image-wrap.single-image
		.twitter-image-box
		.image-container:first-child {
		width: 100%;
}
.twitter-image-wrap.single-image
		.twitter-image-box
		.image-container:first-child
		.image {
		width: 100%;
}
.twitter-image-wrap.single-image.horizontal {
		padding: 0;
}
.twitter-image-wrap.single-image.horizontal .twitter-image-box {
		position: static;
		display: block;
}
.twitter-image-wrap.single-image.vertical {
		padding: 0;
		height: 172px;
}
.twitter-image-wrap.single-image.vertical .twitter-image-box {
		position: absolute;
		top: -100%;
		bottom: -100%;
		display: flex;
		justify-content: center;
		align-items: center;
}
.twitter-image-wrap.double-image .twitter-image-box {
		justify-content: space-between;
		align-items: center;
}
.twitter-image-wrap.double-image .twitter-image-box .image-container {
		height: 100%;
		width: calc(50% - 1px);
		overflow: hidden;
		display: flex;
		justify-content: center;
		align-items: center;
}
.twitter-image-wrap.double-image .twitter-image-box .image-container .image {
		flex-shrink: 0;
		width: 160%;
}
.twitter-image-wrap.triple-image .twitter-image-box {
		display: block;
}
.twitter-image-wrap.triple-image .twitter-image-box .image-container {
		overflow: hidden;
		display: flex;
		justify-content: center;
		align-items: center;
}
.twitter-image-wrap.triple-image
		.twitter-image-box
		.image-container:first-child {
		position: absolute;
		left: 0;
		top: 0;
		width: calc(50% - 1px);
		height: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
}
.twitter-image-wrap.triple-image
		.twitter-image-box
		.image-container:first-child
		.image {
		flex-shrink: 0;
		width: 160%;
}
.twitter-image-wrap.triple-image
		.twitter-image-box
		.image-container:nth-child(2) {
		position: absolute;
		right: 0;
		top: 0;
		width: calc(50% - 1px);
		height: calc(50% - 1px);
}
.twitter-image-wrap.triple-image
		.twitter-image-box
		.image-container:nth-child(2)
		.image {
		width: 100%;
}
.twitter-image-wrap.triple-image
		.twitter-image-box
		.image-container:last-child {
		position: absolute;
		right: 0;
		bottom: 0;
		width: calc(50% - 1px);
		height: calc(50% - 1px);
}
.twitter-image-wrap.triple-image
		.twitter-image-box
		.image-container:last-child
		.image {
		width: 100%;
}
.twitter-image-wrap.quadruple-image .twitter-image-box {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-content: space-between;
}
.twitter-image-wrap.quadruple-image .twitter-image-box .image-container {
		overflow: hidden;
		display: flex;
		justify-content: center;
		align-items: center;
		width: calc(50% - 1px);
		height: calc(50% - 1px);
}
.twitter-image-wrap.quadruple-image .twitter-image-box .image-container .image {
		width: 100%;
}
.twitter-video-wrap {
		margin: 0 0 0 58px;
		border: 1px solid #ccd6dd;
		border-radius: 12px;
		overflow: hidden;
		margin-top: 12px;
}
.twitter-video-wrap .twitter-video-box {
		cursor: pointer;
}
.twitter-video-wrap .twitter-video-box .video {
		width: 100%;
		border-radius: 12px;
}
.twitter-card-wrap {
		width: 100%;
		border: 1px solid #ccd6dd;
		border-radius: 12px;
		overflow: hidden;
		position: relative;
		margin-top: 12px;
}
.twitter-card-wrap.summary .twitter-card-box {
		display: flex;
}
.twitter-card-wrap.summary-large .twitter-card-box {
		display: block;
}
.twitter-card-wrap.summary .thumbnail-container {
		width: 100px;
		display: flex;
		justify-content: center;
		align-items: center;
		overflow: hidden;
}
.twitter-card-wrap.summary-large .thumbnail-container {
		width: 100%;
}
.twitter-card-wrap.summary .thumbnail-container .thumbnail {
		width: 164%;
		flex-shrink: 0;
}
.twitter-card-wrap.summary-large .thumbnail-container .thumbnail {
		width: 100%;
}
.twitter-card-wrap.summary .text-container {
		display: block;
		width: calc(100% - 100px);
		padding: 8px;
}
.twitter-card-wrap.summary-large .text-container {
		display: block;
		padding: 8px;
}
.twitter-card-wrap.summary .text-container .card-title {
		padding-bottom: 2px;
		color: #000;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
}
.twitter-card-wrap.summary-large .text-container .card-title {
		color: #000;
}
.twitter-card-wrap.summary .text-container .card-description {
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		overflow: hidden;
		color: #657786;
		line-height: 1.3;
}
.twitter-card-wrap.summary-large .text-container .card-description {
		padding-bottom: 4px;
		color: #657786;
}
.twitter-card-wrap .text-container .card-link {
		margin-top: 2px;
		display: block;
		padding: 0 0 0 1.2em;
		position: relative;
		color: #657786;
}
/*  */
.twitter-retweeted {
		padding: 5px 0 8px 20px;
		line-height: 1.2;
		text-align: left;
		color: gray;
		font-size: 0.65rem;
}
.twitter-retweeted a {
		color: gray;
}
.twitter-retweeted .icon-retweeted {
		width: 12px;
		vertical-align: top;
		opacity: 0.6;
}