<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";

/*
Theme Name: Makoto Shinkai Works
File : /css/style.css
Uses : 新海誠作品ポータルサイト　共通スタイル
*/

/* ============================================================
PC、スマートフォン共通要素
============================================================*/
html {
	height: 100%;
}
body {
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	font-size: 14px;
	height: 100%;
	color: #333;
	line-height: 1.8;
	background: #fff;
}

/* div#container
============================================================*/
#container {display: none;}

#container {
	position: relative;
	width: 100%;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	text-align: center;
}

/*----------------------------------------
div.inner
----------------------------------------*/
.inner {
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
}

/* header#header
============================================================*/
#header {
	width: 100%;
	min-width: 1000px;
	padding-top: 10px;
	background-image: -webkit-linear-gradient( 180deg, rgb(233,186,241) 0%, rgb(193,221,245) 51%, rgb(173,223,222) 82%, rgb(201,235,218) 100%);
	background-image: -ms-linear-gradient( 180deg, rgb(233,186,241) 0%, rgb(193,221,245) 51%, rgb(173,223,222) 82%, rgb(201,235,218) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c9ebda', endColorstr='#e9baf1',GradientType=1 );
}
#header .wrap {
	background: #fff;
}
#header .inner {
	position: relative;
	padding: 50px 0 45px 0;
}

#header h1 {
	text-align: center;
}

/*----------------------------------------
ul#lang
----------------------------------------*/
ul#lang {
	position: absolute;
	top: 50px;
	right: 0;
	padding: 5px 0;
	background: #fdfdfd;
	border: #ddd 1px solid;
	border-radius: 15px;
	box-shadow: 0 1px 2px #ddd;
}

ul#lang li {
	display: inline-block;
	font-size: 13px;
	padding: 0 12px;
	vertical-align: middle;
	line-height: 22px;
}

ul#lang li.en,
ul#lang li.ch {
	border-left: #ccc 1px solid;
}
ul#lang li a {
	color: #333;
	text-decoration: none;
}

ul#lang li.ch a,
ul#lang li.en a {
	color: #ccc;
}

ul#lang li a:hover {
	color: #333;
}


/* nav#nav
============================================================*/
nav#nav {
	position: relative;
	width: 1000px;
	margin: 0 auto;
	z-index: 9999;
	border-bottom: #ccc 1px solid;
}

/*----------------------------------------
ul.mainMenu
----------------------------------------*/
ul.mainMenu li {
	display: inline-block;
	font-size: 15px;
	*display: inline;
	*zoom: 1;
}
ul.mainMenu li.top {
	display: none;
}
ul.mainMenu li a {
	color: #333;
	display: block;
	text-decoration: none;
}
ul.mainMenu li:hover &gt; a {
	background: #dedede;
}

ul.mainMenu li ul {
	position: absolute;
	background: #fff;
	z-index: 99999;
}
ul.mainMenu li:hover &gt; ul {
	background: #eee;
}
@media only screen and (min-width: 768px) {
/* ul.mainMenu.fltL */
ul.mainMenu.fltL li {
	width: 242px;
	font-size: 17px;
}

ul.mainMenu.fltL li a {
	color: #fff;
	padding: 10px 0 7px 0;
	border-top: #ccc 1px solid;
	border-right: #ccc 1px solid;
	border-left: #ccc 1px solid;
	border-radius: 8px 8px 0 0;
	background: #878787;
}
ul.mainMenu.fltL li a:hover {
	color: #333;
	background: #dedede;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
}
ul.mainMenu.fltL li:hover &gt; a {
	color: #333;
	background: #dedede;
}

ul.mainMenu.fltL li ul {
	width: 240px;
	padding-top: 18px;
	background: rgba(255,255,255,0.85);
	border-right: #ccc 1px solid;
	border-left: #ccc 1px solid;
	position: absolute;
	top: 38px;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
	visibility: hidden;
	opacity: 0;
}
ul.mainMenu.fltL li:hover &gt; ul {
	visibility: visible;
	opacity: 1;
	top: 48px;
}

ul.mainMenu.fltL li ul li {
	font-size: 15px;
	width: 240px;
}
ul.mainMenu.fltL li ul li a {
	color: #333;
	padding: 8px 0 8px 0;
	border: none;
	border-bottom: #ccc 1px solid;
	border-radius: 0;
	background: none;
}
ul.mainMenu.fltL li ul li a:hover {
	background: #fff;
}
ul.mainMenu.fltL li ul li &gt; a {
	background: none;
}

/* ul.mainMenu.fltR */
ul.mainMenu.fltR li {
	font-size: 14px;
	padding: 0 26px 0 16px;
	background: url(../images/common/bg_header_li.png) no-repeat right 12px;
}
ul.mainMenu.fltR li:last-child {
	padding: 0 0 0 16px;
	background: none;
}

ul.mainMenu.fltR li a {
	padding: 15px 0 6px 0;
	background: none;
}
ul.mainMenu.fltR li a:hover {
	text-decoration: underline;
}
}

/* current */
body.top ul.mainMenu li.top &gt; a,
body.film-works ul.mainMenu li.film-works &gt; a,
body.other-works ul.mainMenu li.other-works &gt; a {
	color: #333 !important;
	background: #dedede !important;
}

ul.mainMenu li ul li.current-cat a {
	color: #333 !important;
	background: #dedede !important;
}

/*----------------------------------------
div.toggle
----------------------------------------*/
.toggle {
	display: none;
}

/* article#contents
============================================================*/
#contents {
	width: 100%;
	padding-bottom: 146px;
	text-align: left;
}

h2.min {
	font-family: "游明朝","YuMincho","Hiragino Mincho ProN","Hiragino Mincho Pro","ＭＳ 明朝",serif !important;
	font-size: 16px;
	text-align: center;
	line-height: 1.4;
	word-wrap : break-word;
	overflow-wrap : break-word;
}
.inner &gt; h2.min {
	margin-top: 30px;
}

h2.min span {
	display: inline-block;
	font-size: 25px;
	padding-bottom: 2px;
	border-bottom: #dedede 1px solid;
}

/*----------------------------------------
ul.topicPath
----------------------------------------*/
ul.topicPath {
	padding-top: 25px;
}

ul.topicPath li {
	display: inline;
	margin-right: 5px;
}
ul.topicPath li:after {
	padding-left: 10px;
	content: "&gt;";
}
ul.topicPath li.current:after {
	padding-left: 0;
	content: "";
}

/*----------------------------------------
ul.localNav
----------------------------------------*/
ul.localNav {
	text-align: center;
	padding-top: 20px;
}
ul.localNav li {
	display: inline;
	margin: 0 10px;
	text-align: center;
}

ul.localNav .current-cat a {
	text-decoration: underline;
}
ul.localNav .current-cat a:hover {
	text-decoration: none;
}

body.all ul.localNav li.all a {
	text-decoration: underline;
}
body.all ul.localNav li.all a:hover {
	text-decoration: none;
}

/*----------------------------------------
div.wp-pagenavi
----------------------------------------*/
.wp-pagenavi {
	text-align: center;
	padding-top: 40px;
}
.wp-pagenavi span,
.wp-pagenavi a {
	display: inline-block;
	color: #fff;
	width: 26px;
	height: 26px;
	font-size: 12px;
	margin: 0 5px;
	text-align: center;
	line-height: 26px;
	background: #ccc;
	border-radius: 2px;
}
.wp-pagenavi a {
	text-decoration: none;
	background: #939393;
}
.wp-pagenavi a.previouspostslink,
.wp-pagenavi a.nextpostslink {
	font-family: Arial, Helvetica, sans-serif;
}
.wp-pagenavi a:hover {
	background: #ccc;
}

/* updated 2015.12.16 */
.wp-pagenavi span.pages {
  display: none;
}

/*----------------------------------------
ul.pageNav
----------------------------------------*/
ul.pageNav {
	text-align: center;
	padding-top: 40px;
}
ul.pageNav li {
	display: inline-block;
	color: #fff;
	width: 26px;
	height: 26px;
	font-size: 12px;
	margin: 0 5px;
	text-align: center;
	line-height: 26px;
	background: #ccc;
	border-radius: 2px;
}
ul.pageNav li a {
	display: block;
	color: #fff;
	text-decoration: none;
	background: #939393;
	border-radius: 2px;
}
ul.pageNav li a:hover {
	background: #ccc;
}

/*----------------------------------------
p.pageBack
----------------------------------------*/
p.pageBack {
	text-align: center;
	padding-top: 50px;
}
p.pageBack a {
	display: inline-block;
	color: #fff;
	font-size: 12px;
	height: 28px;
	line-height: 28px;
	margin: 0 auto;
	padding: 0 10px;
	text-decoration: none;
	background: #939393;
	border-radius: 2px;
}
p.pageBack a:hover {
	background: #ccc;
}
p.pageBack a span {
	font-family: Arial, Helvetica, sans-serif;
}

/* section
============================================================*/
/*----------------------------------------
div.contentBox
----------------------------------------*/
.contentBox {
	font-size: 14px;
	word-wrap : break-word;
	overflow-wrap : break-word;
}

/*----------------------------------------
div.entry
----------------------------------------*/
.entry {
	font-size: 14px;
	line-height: 1.9em;
}
body.news .entry {
	font-size: 13px;
	line-height: 1.7em; /* psdレイアウトを参考：フォントサイズ13pxに対して行間22px */
}

.entry h3 {
	font-size: 17px;
	margin-top: 30px;
	padding-left: 10px;
	border-left: #878787 8px solid;
}
body.news .entry h3 {
	font-size: 16px;
}

.entry h4,
.entry p,
.entry ul,
.entry ol {
	margin-top: 15px;
}
body.news .entry h4,
body.news .entry p,
body.news .entry ul,
body.news .entry ol {
	margin-top: 8px;
}

.entry a {
	color: #2b96da;
	text-decoration: underline;
}
.entry a:hover {
	text-decoration: none;
}
.entry a.blank {
	padding-right: 16px;
	background: url(../images/common/icon_blank_pc.png) no-repeat right 2px;
}

.entry img {
	max-width: 100%;
	height: auto;
	margin-top: 13px;
	margin-right: 13px;
}

.entry ul li {
	margin-left: 1em;
	text-indent: -1em;
}
.entry ul li:before {
	content: "■";
}
.entry ol li {
	list-style-position: inside;
	counter-increment: count;
	position: relative;
	padding-left: 1.5em;
}
.entry ol li:before{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 1.5em;
	content: counter(count) ".";
}

.entry blockquote {
	margin-top: 15px;
	padding: 8px 10px;
	line-height: 1.6;
	border: #eee 2px solid;
}
.entry blockquote p {
	margin: 0;
}
body.news .entry blockquote {
	margin-top: 8px;
}
body.news .entry blockquote p {
	margin: 0;
}

.entry hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: #999 1px dashed;
	margin-top: 15px;
}

/* footer#footer
============================================================*/
#footer {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	min-width: 1000px;
	height: 66px;
	background-image: -webkit-linear-gradient(180deg, rgb(233,186,241) 0%, rgb(193,221,245) 51%, rgb(173,223,222) 82%, rgb(201,235,218) 100%);
	background-image: -ms-linear-gradient(180deg, rgb(233,186,241) 0%, rgb(193,221,245) 51%, rgb(173,223,222) 82%, rgb(201,235,218) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c9ebda', endColorstr='#e9baf1',GradientType=1 );
}
#footer .inner {
	position: relative;
	height: 66px;
	text-align: center;
}

/* p.copyright */
#footer .inner p.copyright {
	font-size: 10px;
	position: absolute;
	top: 0;
	left: 0;
}
#footer .inner p.copyright img {
	vertical-align: middle;
	margin-right: 3px;
}

/* p.conatct */
#footer .inner p.conatct {
	padding-top: 20px;
}
#footer .inner p.conatct a {
	display: inline-block;
	padding-left: 30px;
	background: url(../images/common/icon_contact.png) no-repeat left center;
}

/* div.pagetop
============================================================*/
.pagetop {
	position: fixed;
	bottom: 30px;
	right: 30px;
	width: 44px;
	height: 44px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.pagetop a {
	width: 44px;
	height: 44px;
	display: block;
	background: url(../images/common/btn_pagetop.png) no-repeat 0 0;
}
.pagetop a:hover {
	background-position: 0 -44px;
}

/* ============================================================
updated 2015/12/18 PCのみhover効果
============================================================*/

@media screen and (min-width: 768px) {
#lang li a,
ul.mainMenu li a,
#newsArea .newsList ul li a,
#newsArea p.more a,
#thumbArea li a,
ul.localNav li a {
  -webkit-transition: all 0.4s ease !important;
  transition: all 0.4s ease !important;
  text-decoration: none !important;
}
ul.mainMenu li a {
  color: #333;
  display: block;
}
ul.mainMenu.fltR li a:hover,
#newsArea .newsList ul li a:hover,
ul.localNav li a:hover {
  color: #ccc;
}
#newsArea p.more a:hover {
  color: #d9c991;
}
}

/* ============================================================
スマートフォン　max-width: 767px
============================================================*/
@media only screen and (max-width: 767px) {
/*----------------------------------------
div.inner
----------------------------------------*/
.inner {
	width: 100%;
	padding-right: 10px;
	padding-left: 10px;
	box-sizing: border-box;
}

/* nav#nav
============================================================*/
nav#nav {
	display: none;
	position: absolute;
	top: 0;
	text-align: center;
	width: 100%;
	height: auto;
	background: #fefefe;
	border-bottom: none;
}

/*----------------------------------------
ul.mainMenu
----------------------------------------*/
ul.mainMenu.fltL,
ul.mainMenu.fltR {
	float: none;
}

ul.mainMenu li {
	display: block;
	float: none;
}
ul.mainMenu li.top {
	display: block;
}
ul.mainMenu li a {
	display: block;
	height: 60px;
	line-height: 60px;
	color: #333;
	padding: 0;
	border-bottom: 1px solid #ccc;
}

ul.mainMenu li ul {
	display: none;
}
ul.mainMenu li:hover &gt; ul {
	display: block;
}
ul.mainMenu li ul a {
	width: 240px;
	display: block;
}

body.news ul.mainMenu li.news &gt; a,
body.profile ul.mainMenu li.profile &gt; a,
body.about ul.mainMenu li.about &gt; a {
	color: #333 !important;
	background: #dedede !important;
}

/*----------------------------------------
div.toggle
----------------------------------------*/
.toggle {
	display: block;
	position: absolute;
	top: 12px;
	right: 12px;
	z-index: 10000;
}
.toggle img {
	width: 37px;
	height: 37px;
}

/* header#header
============================================================*/
#header {
	min-width: 0;
}
#header .inner {
	padding: 60px 0 22px 0;
}
#header .logo img {
	max-width: 100%;
	height: auto;
}

/*----------------------------------------
ul#lang
----------------------------------------*/
ul#lang {
	top: 10px;
	right: 60px;
	padding: 0;
	border-radius: 4px;
	box-shadow: none;
}
ul#lang li {
	font-size: 11px;
	padding: 0 10px;
	line-height: 20px;
}

ul#lang li.jp {display: none;}
ul#lang li.ch,ul#lang li.en {	display: inline-block;}
ul#lang li.en {border-left: none;}

/* article#contents
============================================================*/
#contents {
	padding-bottom: 100px;
}

.inner &gt; h2.min {
	margin-top: 0;
	padding-top: 15px;
	border-top: #878787 1px solid;
}
h2.min span {
	font-size: 14px;
	padding-bottom: 1px;
}

/*----------------------------------------
ul.topicPath
----------------------------------------*/
ul.topicPath {
	margin: 0 10px;
	padding-top: 0;
	padding-bottom: 10px;
	line-height: 1.2;
	border-bottom: #ccc 1px solid;
}
ul.topicPath li {
	font-size: 11px;
}

/*----------------------------------------
ul.localNav
----------------------------------------*/
ul.localNav {
	padding-top: 0;
}
ul.localNav li {
	font-size: 12px;
}

/*----------------------------------------
div.wp-pagenavi
----------------------------------------*/
.wp-pagenavi {
	padding-top: 25px;
}
.wp-pagenavi span,
.wp-pagenavi a {
	width: 33px;
	height: 33px;
	line-height: 33px;
}

/*----------------------------------------
ul.pageNav
----------------------------------------*/
ul.pageNav {
	padding-top: 0;
}
ul.pageNav li {
	width: 33px;
	height: 33px;
	line-height: 33px;
}

/*----------------------------------------
p.pageBack
----------------------------------------*/
p.pageBack {
	margin: 0 10px;
	padding-top: 25px;
	border-top: #ccc 1px solid;
}
p.pageBack a {
	font-size: 14px;
	height: 30px;
	line-height: 30px;
}

/* div.pagetop
============================================================*/
.pagetop {
	bottom: 35px;
	right: 10px;
	width: 36px;
	height: 36px;
}
.pagetop a {
	width: 36px;
	height: 36px;
	display: block;
	background: url(../images/common/btn_pagetop.png) no-repeat 0 0;
	background-size: 36px auto;
}
.pagetop a:hover {
	background-position: 0 0;
}

/* section
============================================================*/
/* div.entry
----------------------------------------*/
.entry,
body.news .entry {
	width: 100%;
	font-size: 12px;
}

.entry h3,
body.news .entry h3 {
	font-size: 12px;
	margin-top: 20px;
}

.entry h4,
.entry p,
.entry ul,
.entry ol,
.entry blockquote,
body.newss .entry h4,
body.news .entry p,
body.news .entry ul,
body.news .entry ol {
	margin-top: 8px;
}

.entry a.blank {
	padding-right: 20px;
	background: url(../images/common/icon_blank_sp.png) no-repeat right top;
	background-size: 12px 12px;
}

.entry img {
	max-width: 48%;
	margin-top: 8px;
	margin-right: 2%;
}
body.news .entry img {
	max-width: 100%;
	margin-right: 0;
	margin-top: 0;
}

.entry iframe {
	width: 100% !important;
}

/* footer#footer
============================================================*/
#footer {
	width: 100%;
	min-width: 0;
	height: 60px;
}
#footer .inner {
	height: 60px;
}

/* p.copyright */
#footer .inner p.copyright {
	position: static;
}
#footer .inner p.copyright img {
	width: 37px;
	height: auto;
}

/* p.conatct */
#footer .inner p.conatct {
	font-size: 11px;
	padding-top: 8px;
}
#footer .inner p.conatct a {
	padding-left: 20px;
	background-size: 15px auto;
}


/*  160905記述
============================================================*/
#suntory_corabo img { max-width:100%;
}

}
</pre></body></html>