@charset "utf-8";

/*
Theme Name: gooプレスリリース
Theme URI: http://pr.goo.ne.jp/
Author: NTTR
Author URI: http://www.nttr.co.jp/
*/

/* ==============================
   - Typography
   - Common Class
   - Base Style
   - Component
   - Media Query
   - Colorbox
============================== */

/* Typography
============================== */
@import url(http://fonts.googleapis.com/css?family=Lato:100,300,400,700,900);
body.en {
	font-family: 'Lato', sans-serif;
}

/* Common Class
============================== */
.NR-none {
	display: none;
}

/* Base Style
============================== */
h1 {
	font-size: 16px;
}

h2,
h3,
h4,
h5,
h6 {
	color: #333;
	font-weight: bold;
	line-height: 1;
}

sub,
sup {
	font-size: .83em;
}

sub {
	vertical-align: sub;
}

sup {
	vertical-align: super;
}

#NR-nav-main {
	background: #0b346e;
}

#NR-nav-sub li a {
	border-color: #0b346e;
}

#NR-wrapper {
	font-size: 13px;
}

#NR-wrapper h2 {
	border-bottom: 2px solid #0b346e;
	font-size: 20px;
	padding-bottom: 8px;
}

#NR-wrapper h2 span {
	font-weight: bold;
}

#NR-wrapper h3 {
	font-size: 16px;
	margin-bottom: 1em;
}

#NR-wrapper a {
	color: #36c;
}

#NR-wrapper a:visited {
	color: #609;
}

#NR-main {
	margin-top: 20px;
}

.aside {
	margin-top: 50px;
}

/* Component
============================== */
/* FontAwesome */
#NR-wrapper a[href^="mailto:"]:before {
	content: "\f003";
	display: inline-block;
	font-family: FontAwesome;
	font-weight: normal;
	font-style: normal;
	margin-right: 5px;
	text-decoration: none;
}

#NR-article-body a[href^="http://"]:after,
#NR-article-body a[href^="https://"]:after,
#NR-article-body a[target="_blank"]:after {
	content: "\f08e";
	display: inline-block;
	font-family: FontAwesome;
	font-weight: normal;
	font-style: normal;
	margin-left: 5px;
	text-decoration: none;
}

/* NR-nav-local */
#NR-nav-local li {
	float: left;
}

#NR-nav-local li a {
	background: #f0f0f0;
	display: block;
	height: 99px;
	line-height: 99px;
	text-align: center;
	width: 99px;
}

#NR-nav-local li:nth-child(even) a {
	background: #f5f5f5;
}

#NR-nav-local li a:hover {
	background: #0b346e;
	background: rgba(11, 52, 110, 0.2);
	text-decoration: none;
}

#NR-nav-local li a:visited {
	color: #36c;
}

#NR-nav-local li.NR-now a {
	background: #0b346e;
	color: #fff;
}

/* NR-nav-paging */
#NR-nav-paging {
	display: none;
	margin-top: 35px;
	margin-bottom: 35px;
	text-align: center;
}

#NR-nav-paging a,
#NR-nav-paging a:visited {
	background: #222;
	color: #fff;
	display: inline-block;
	padding: 1.5em 5em;
	text-decoration: none;
}

#NR-nav-paging a:hover {
	left: 1px;
	position: relative;
	top: 1px;
}

#NR-nav-paging li.NR-now a {
	background: #0b346e;
	color: #fff;
}

/* NR-header-lang */
#NR-page .NR-header-lang {
	position: absolute;
	text-align: right;
	bottom: 18px;
	right: 0;
}

#NR-page .NR-header-lang li {
	float: right;
	margin-left: 5px;
}

/* NR-sub-lang */
#NR-page .NR-sub-lang {
	display: none;
}

#NR-page .NR-sub-lang li {
	display: inline-block;
}

#NR-page .NR-sub-lang li:not(:first-child) {
	margin-left: 5px;
}

/* NR-header-lang, NR-sub-lang */
#NR-page .NR-header-lang li,
#NR-page .NR-sub-lang li {
	display: inline-block;
	padding: 0.5em 1em;
}

#NR-page .NR-header-lang a,
#NR-page .NR-sub-lang a {
	color: #36c;
	font-size: 14px;
}

#NR-page .NR-header-lang a:hover,
#NR-page .NR-sub-lang a:hover {
	text-decoration: none;
}

/* for legacy single_page */

a:not([href]),
a[href='#top'],
span[style='color: #339966;'],
font[color='#339966'] {
	display: none;
}

:lang(ja) #NR-page .NR-header-lang-ja,
:lang(en) #NR-page .NR-header-lang-en,
:lang(ja) #NR-page .NR-sub-lang-ja,
:lang(en) #NR-page .NR-sub-lang-en {
	border-bottom: 2px solid #0b346e;
}

:lang(ja) #NR-page .NR-header-lang-ja a,
:lang(en) #NR-page .NR-header-lang-en a,
:lang(ja) #NR-page .NR-sub-lang-ja a,
:lang(en) #NR-page .NR-sub-lang-en a {
	color: #333;
	cursor: default;
	font-weight: bold;
}

:lang(en) #NR-page .NR-header-lang-ja a,
:lang(en) #NR-page .NR-sub-lang-ja a {
	font-family: Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", Arial, Sans-serif;
}

:lang(ja) #NR-nav-sub-in :not(.all) a:after,
:lang(ja) .year:after {
	content: '年';
}

.NR-widget-fb {
	margin-bottom: 10px;
	height: 600px;
}

/* article-list */
#article-list li {
	border-bottom: 1px dotted #ccc;
	line-height: 1.5;
}

#article-list li:nth-child(even) {
	background: #f5f5f5;
}

#article-list li a {
	display: block;
	padding: 20px 10px 15px;
	cursor: pointer;
}

#article-list li a:hover {
	text-decoration: none;
}

#article-list li a:hover .title {
	text-decoration: underline;
}

#article-list dt {
	float: left;
	color: #333;
	width: 80px;
}

#article-list time {
	font-weight: bold;
}

#article-list .tag {
	border-width: 1px;
	border-style: solid;
	float: left;
	font-weight: bold;
	line-height: 1;
	padding: 6px 0 4px;
	text-align: center;
	width: 68px;
}

#article-list .tag.goo {
	border-color: #c33;
	color: #c33;
	padding: 5px 0;
}

#article-list .tag.corp {
	border-color: #069;
	color: #069;
}

#article-list .tag.other {
	border-color: #060;
	color: #060;
}

#article-list .title,
#article-list .subtitle {
	margin-left: 170px;
}

#article-list .title {
	font-size: 16px;
	position: relative;
	top: -3px;
}

#article-list .subtitle {
	color: #000;
}

/* banner-list */
.banner-list li {
	margin-bottom: 10px;
	margin-top: 10px;
}

.banner-list li img {
	width: 300px;
	height: 60px;
}

.banner-list li a img:hover {
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}

/* social-button */
.social-button,
.social-button li {
	margin: 0;
	padding: 0;
}

.social-button li {
	display: inline-block;
	list-style: none;
	margin-right: 10px;
}

.social-button li.line {
	display: none;
}

*:first-child+html .social-button li {
	display: inline;
}

.social-button li a:hover {
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}

.social-button li a,
.social-button li img {
	display: block;
	height: 24px;
	width: 24px;
}

/* NR-article-body */
#NR-article-body {
	margin: 20px 0;
}

#NR-article-body h1 {
	border-bottom: 2px solid #0b346e;
	line-height: 1.6;
	padding-bottom: 8px;
}

#NR-article-body h1 strong {
	color: #333;
	display: block;
	font-size: 20px;
	font-weight: bold;
}

#NR-article-body h2,
#NR-article-body h3 {
	line-height: 1.6;
}

#NR-article-body h2 {
	border-bottom: none;
	border-left: 4px solid #0b346e;
	font-size: 16px;
	margin: 2em 0 1em;
	padding: 0 0 0 8px;
}

#NR-article-body h3 {
	margin: 1em 0;
}

#NR-article-body p,
#NR-article-body ul,
#NR-article-body ol,
#NR-article-body div {
	font-size: 16px;
	line-height: 1.6;
	margin: 1em 0;
	word-wrap: break-word;
}

#NR-article-body li {
	margin: 0.5em 0 0 2em;
}

#NR-article-body ul li {
	list-style: disc outside;
}

#NR-article-body ol li {
	list-style: decimal outside;
}

#NR-article-body img {
	max-width: 100%;
	height: auto;
	margin: 1em 0;
}

#NR-article-body a[href^="http://"].fig:after,
#NR-article-body a[href^="https://"].fig:after,
#NR-article-body a[target="_blank"].fig:after {
	display: none;
}

#NR-article-body strong {
	font-weight: bold;
}

#NR-article-body .aligncenter {
	display: block;
	margin: 0 auto;
}

/* NR-article-footer */
#NR-article-footer .contact {
	background: #efefef;
	border: 1px solid #ccc;
	line-height: 1.5;
	margin-top: 20px;
	padding: 1em;
}

#NR-article-footer .contact dt {
	font-weight: bold;
}

:lang(en) #NR-article-footer .contact dt {
	float: left;
	margin-right: 5px;
}

/* PowerTip Plugin */
#powerTip {
	cursor: default;
	background-color: #333;
	background-color: rgba(0, 0, 0, 0.8);
	border-radius: 3px;
	color: #fff;
	font-size: 11px;
	display: none;
	padding: 6px 8px;
	position: absolute;
	white-space: nowrap;
	z-index: 2147483647;
}

#powerTip:before {
	content: "";
	position: absolute;
}

#powerTip.n:before, #powerTip.s:before {
	border-right: 5px solid transparent;
	border-left: 5px solid transparent;
	left: 50%;
	margin-left: -5px;
}

#powerTip.e:before, #powerTip.w:before {
	border-bottom: 5px solid transparent;
	border-top: 5px solid transparent;
	margin-top: -5px;
	top: 50%;
}

#powerTip.n:before {
	border-top: 10px solid #333;
	border-top: 10px solid rgba(0, 0, 0, 0.8);
	bottom: -10px;
}

#powerTip.e:before {
	border-right: 10px solid #333;
	border-right: 10px solid rgba(0, 0, 0, 0.8);
	left: -10px;
}

#powerTip.s:before {
	border-bottom: 10px solid #333;
	border-bottom: 10px solid rgba(0, 0, 0, 0.8);
	top: -10px;
}

#powerTip.w:before {
	border-left: 10px solid #333;
	border-left: 10px solid rgba(0, 0, 0, 0.8);
	right: -10px;
}

#powerTip.ne:before, #powerTip.se:before {
	border-right: 10px solid transparent;
	border-left: 0;
	left: 10px;
}

#powerTip.nw:before, #powerTip.sw:before {
	border-left: 10px solid transparent;
	border-right: 0;
	right: 10px;
}

#powerTip.ne:before, #powerTip.nw:before {
	border-top: 10px solid #333;
	border-top: 10px solid rgba(0, 0, 0, 0.8);
	bottom: -10px;
}

#powerTip.se:before, #powerTip.sw:before {
	border-bottom: 10px solid #333;
	border-bottom: 10px solid rgba(0, 0, 0, 0.8);
	top: -10px;
}

#powerTip.nw-alt:before, #powerTip.ne-alt:before,
#powerTip.sw-alt:before, #powerTip.se-alt:before {
	border-top: 10px solid #333;
	border-top: 10px solid rgba(0, 0, 0, 0.8);
	bottom: -10px;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	left: 10px;
}

#powerTip.ne-alt:before {
	left: auto;
	right: 10px;
}

#powerTip.sw-alt:before, #powerTip.se-alt:before {
	border-top: none;
	border-bottom: 10px solid #333;
	border-bottom: 10px solid rgba(0, 0, 0, 0.8);
	bottom: auto;
	top: -10px;
}

#powerTip.se-alt:before {
	left: auto;
	right: 10px;
}


@media screen and (max-width: 599px) {

	/* Base Style */
	* {
	    -webkit-box-sizing: border-box;
	       -moz-box-sizing: border-box;
	            box-sizing: border-box;
	}

	.NR-rwd #NR-nav-main li.NR-now a {
		background: #0b346e;
	}

	.NR-rwd #NR-main,
	.NR-rwd #NR-sub {
		float: none;
		width: 100%;
	}

	.NR-rwd #NR-sub {
		display: block !important;
		margin-top: 20px;
	}

	.aside {
		margin-top: 20px;
	}

	#NR-wrapper h2 {
		font-size: 15px;
		padding-bottom: 5px;
	}

	#NR-wrapper h3 {
		font-size: 13px;
	}

	/* Component */
	/* NR-nav-local */
	#NR-nav-local li {
		margin-right: 0;
		margin-bottom: 1px;
		width: 20%;
	}

	#NR-nav-local li a {
		height: 57px;
		line-height: 57px;
		border-right: 1px solid #fff;
		width: 100%;
	}

	/* NR-nav-paging */
	#NR-nav-paging {
		margin-top: 30px;
	}

	#NR-nav-paging li a {
		min-width: 40px;
	}

	/* NR-header-lang */
	#NR-page .NR-header-lang {
		display: none;
	}

	/* NR-sub-lang */
	#NR-page .NR-sub-lang {
		display: block;
		margin: 20px 0 10px;
		text-align: center;
	}

	/* article-list */
	#article-list li a {
		background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkBAMAAACCzIhnAAAAMFBMVEWZmZn///+ZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZlGAQtiAAAAD3RSTlMAAAECOl1eaJeZmr/A1vwV3J+OAAABPklEQVR4Xu3XMUoEQRCF4WLBzndB45lwvINXMDbaIwx4ImEvIHgEL2S+CmXTgfJ4wXsVGAjd+c9HM0xTFcfy+Q/JTGYS/Twt8XO85ObjUk3OeV1KSUcyL7XknDkYOxnIYPykI4Pxk4EMxk46AoxObjsCjE4eM5HRyX0mMjo5vQIjEmbM5ACMlQQwXgKMlwDjJchYCTJegoyVIGMlyKxGwoxOmNEJMm9OgsznKhNmdMKMTJjRCTMyYUYnzHhJbMTI5PBCjEri4Zd5Litfa/ku7/IujMiEEZkwohNGdMIfRSdb5X9hRCaMqAQR/4XZSu8YITphRCeILE6CSDgJIlaCiJMgYiWIWAkgXgKIlZwAEQkjfzf13dVny+MOiJW0+pwcOyBW0uozf+wDKSWtvr/E3pFi0sQuZm98c0eeyUy+Afrkgd6GRhXuAAAAAElFTkSuQmCC) no-repeat 100%;
		background-size: 15px auto;
		padding: 1em 20px 1em 5px;
	}

	#article-list .tag {
		margin-bottom: 0.5em;
		padding: 2px 0 3px;
		position: relative;
		top: -2px;
	}

	#article-list .tag.goo {
		padding: 1px 0 4px;
	}

	#article-list .title,
	#article-list .subtitle {
		clear: both;
		margin-left: 0;
	}

	#article-list .title {
		font-size: 14px;
		position: static;
	}

	#article-list .subtitle {
		margin-top: 0.5em;
	}

	/* banner-list */
	.banner-list li {
		text-align: center;
	}

	.banner-list li img {
		height: auto;
		max-width: 100%;
		width: 80%;
	}

	/* social-button */
	.social-button li.line {
		display: inline-block;
	}

	/* NR-article-body */
	#NR-article-body h1 {
		padding-bottom: 5px;
	}

	#NR-article-body h1 strong {
		font-size: 18px;
	}

	#NR-article-body h2 {
		font-size: 16px;
		padding-bottom: 0;
	}

	#NR-article-body h3 {
		font-size: 16px;
	}

	#NR-article-body li {
		margin: 0.5em 0 0 2em;
	}

	#NR-article-body img {
		margin: 0;
	}

	/* NR-article-footer */
	#NR-article-footer .contact dd a {
		display: block;
	}

	:lang(en) #NR-article-footer .contact dt {
		float: none;
	}

	:lang(en) #NR-article-footer .contact dd a {
		display: inline-block;
	}

}

/* Colorbox
============================== */
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

#cboxOverlay{background:#000; opacity: 0.9; filter: alpha(opacity = 90);}
#colorbox{outline:0;}
    #cboxContent{margin-top:20px;background:#000;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{border:5px solid #000; background:#fff;}
        #cboxTitle{position:absolute; top:-20px; left:0; color:#ccc; padding: 0 0.5em;}
        #cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;}
        #cboxLoadingGraphic{background:url(../img/loading.gif) no-repeat center center;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }

        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

        #cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
        #cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url(../img/controls.png) no-repeat top left; width:28px; height:65px; text-indent:-9999px;}
        #cboxPrevious:hover{background-position:bottom left;}
        #cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url(../img/controls.png) no-repeat top right; width:28px; height:65px; text-indent:-9999px;}
        #cboxNext:hover{background-position:bottom right;}
        #cboxClose{position:absolute; top:5px; right:5px; display:block; background:url(../img/controls.png) no-repeat top center; width:38px; height:19px; text-indent:-9999px;}
        #cboxClose:hover{background-position:bottom center;}