/*
Theme Name: EarthDayTokyo Default Theme
Theme URI: http://trim.bz
Description: The original theme.
Version: 0.1
Author: Tanaka Toshimasa
Tags:

*/
/*#354DA0#354DA0
#FF6EB4
#354DA0
*/
/* -------------------------------------------------------------- */
/* single attachment images should be centered */
body {
  background:#fff;
  color:#333;
  font-size:14px;
  line-height:1.6;
  font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "HIragino Kaku Gothic Pro W3", "HIragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
}
a:link { color:#FF6FB5; }
a:visited { color:#FF6FB5; }
a:hover {
  color:#FF6FB5;
  text-decoration:none;
}
a:active { color:#FF6FB5; }
.add_icon_r_s {
  background:url(./images/common/arrow_r_s.png) no-repeat 0 center;
  padding-left:13px;
}
.add_icon_r_b {
  background:url(./images/common/arrow_r_b.png) no-repeat 0 center;
  padding-left:15px;
}
.update, .author {
  font-size:9px;
  white-space:nowrap;
}
.media {
  width:210px;
  height:140px;
  overflow:hidden;
  background:#364EA2 url(./images/common/logo_t.png) no-repeat center center;
}
.media img, .media iframe, .media object, .media embed { width:100% !important; }
.media iframe, .media embed { height:140px !important; }
.media.main {
  height:400px;
  width:600px;
}
.media.main iframe, .media.main embed { height:400px !important; }
.media.thumbnail {
  height:92px;
  width:138px;
}
.media.thumbnail iframe, .media.thumbnail embed { height:92px !important; }

.thedayinfo{
  margin-bottom: 30px;
  position:relative;
  width:100%;
  height:510px;
}

.thedayinfo__cover{
  position: absolute;
  z-index:1;
  cursor: pointer;
}

.thedayinfo__video{
  position:relative;
  z-index:0;
}

#Page {
  margin:0 auto;
  padding:0;
  background:transparent;
  width:1020px;
}
#Header {
  padding-top:70px;
  height:160px;
}
#Header ul, #Header li {
  display:block;
  padding:0;
  margin:0;
}
#Header h1 {
  margin:0;
  float:left;
}
#Header ul#related_pages {
  position:absolute;
  top:0;
  left:50%;
  margin-left:384px;
}
#Header ul#related_pages li {
  float:left;
  margin-right:3px;
}
#Header #description {
  position:absolute;
  font-size:12px;
  top:0;
  left:0;
  background-color:#364EA2;
  color:#fff;
  width:100%;
}
#Header #description .container {
  padding-top:15px;
  height:25px;
  width:1020px;
  margin:0 auto;
  line-height:1;
}
#Header #description .container a {
  margin-left:1em;
  background:url(./images/common/arrow_r_s.png) no-repeat 0 center;
  padding-left:13px;
}
#Header ul#main-nav { float:right; }
#Header ul#main-nav > li {
  float:left;
  margin-left:3px;
  background:url(./images/common/bg.png);
  position:relative;
}
#Header ul#main-nav > li a {
  display:table-cell;
  height:40px;
  vertical-align:middle;
  text-decoration:none;
  background:url(./images/common/arrow_r_b.png) no-repeat 3px center;
  padding-left:21px;
  width:119px;
}
#Header ul#main-nav > li a:hover {
  background-color:#FF6FB5;
  color:#fff;
  background-image:url(./images/common/arrow_b_b.png);
}
#Header ul#main-nav > li > ul.sub-menu {
  position:absolute;
  z-index:1;
  display:none;
  border-top:3px solid #fff;
}
#Header ul#main-nav > li > ul.sub-menu > li {
  background:#fff url(./images/common/bg.png);
  border-bottom:1px solid #fff;
}
#Header ul#main-nav > li > ul.sub-menu > li a { height:25px; }
#Header ul#main-nav > li > ul.sub-menu > li a:hover { background-image:url(./images/common/circle_w.svg); }
#Header #news {
  position:absolute;
  z-index:0;
  left:0;
  top:140px;
  margin-bottom:15px;
  border-top:1px solid #C7C7C7;
  border-bottom:1px solid #C7C7C7;
  width:100%;
  background:url(./images/common/bg_news.png) repeat-y center 0;
}
#Header #news >.container {
  width:1020px;
  margin:0 auto;
  display:table;
}
#Header #news >.container #newsticker {
  display:table-cell;
  vertical-align:middle;
  width:593px;
  background-color:#fff;
}
#Header #news >.container #newsticker h2 {
  margin:0;
  font-size:11px;
  font-weight:normal;
  float:left;
  color:#fff;
  background-color:#FF6FB5;
  line-height:1;
  padding:4px;
  margin-right:20px;
}
#Header #news >.container #newsticker .container { overflow:hidden; }
#Header #news >.container #newsticker .container ul {
  width:100%;
  position:relative;
}
#Header #news >.container #newsticker .container li {
  width:100%;
  display:none;
}
#Header #news >.container #newsticker .container li .update {
  margin-left:1em;
  color:#666;
}
#Header #news >.container ul#category {
  display:table-cell;
  border-left:1px solid #C7C7C7;
  padding:15px;
}
#Header #news >.container ul#category li {
  float:left;
  margin-right:3px;
  margin-bottom:3px;
}
#Header #news >.container ul#category li a {
  display:block;
  color:#fff;
  background-color:#FF6FB5;
  text-decoration:none;
  font-size:11px;
  padding:4px;
  line-height:1;
}
#featuring { margin-bottom:15px; }
#featuring dl, #featuring dt, #featuring dd, #featuring ul, #featuring li {
  margin:0;
  padding:0;
  display:block;
}
#featuring dt {
  font-weight:bold;
  line-height:1;
}
#featuring dl#schedule {
  float:right;
  border:1px solid #C7C7C7;
  margin-bottom:17px;
}
#featuring dl#schedule dt {
  color:#fff;
  background:#364EA2 url(./images/common/logo_t.png) no-repeat -2px center;
  padding:13px;
  height:14px;
}
#featuring dl#schedule dt .update {
  font-size:11px;
  display:block;
  float:right;
  margin-top:2px;
}
#featuring dl#schedule dd {
  width:234px;
  height:358px;
  overflow:hidden;
  padding:13px;
  background-color:#F5F5F5;
}
#featuring dl#schedule dd ul li {
  border-bottom:1px dashed #C7C7C7;
  padding-bottom:1em;
  margin-bottom:1em;
}
#featuring #first-area {
  overflow:hidden;
  width:748px;
  height:420px;
  position:relative;
}
#featuring #first-area h2 { display:none; }
#featuring #first-area #mainscreen.flexslider {
  border:0;
  box-shadow:none;
  width:600px;
  height:400px;
  margin:0;
  position:relative;
  background-color:#fff;
}
#featuring #first-area #mainscreen.flexslider ul.slides { overflow:hidden; }
#featuring #first-area #mainscreen.flexslider ul.slides li {
  display:none;
  height:400px;
  position:relative;
}
#featuring #first-area #mainscreen.flexslider ul.slides li:first-child { display:block; }
#featuring #first-area #mainscreen.flexslider ul.slides li p.flex-caption {
  margin:0;
  width:99%;
  padding:0.5%;
  position:absolute;
  left:0;
  top:0;
  background:rgba(54,78,162,0.8);
  color:#FFF;
  text-align:center;
  text-shadow:0 -1px 0 rgba(0,0,0,0.3);
  font-size:12px;
  line-height:16px;
}
#featuring #first-area #mainscreen.flexslider:hover a.flex-prev, #featuring #first-area #mainscreen.flexslider:hover a.flex-next { opacity:1; }
#featuring #first-area #mainscreen.flexslider ul.flex-direction-nav .flex-disabled { opacity:1; }
#featuring #first-area #mainscreen.flexslider ul.flex-direction-nav a {
  opacity:1;
  background-position:center center;
  background-repeat:no-repeat;
  position:absolute;
  top:415px;
}
#featuring #first-area #mainscreen.flexslider ul.flex-direction-nav a.flex-prev {
  left:-15px;
  background-image:url(./images/common/arrow_l_b.png);
}
#featuring #first-area #mainscreen.flexslider ul.flex-direction-nav a.flex-prev:before { content:none; }
#featuring #first-area #mainscreen.flexslider ul.flex-direction-nav a.flex-next {
  right:-160px;
  background-image:url(./images/common/arrow_r_b.png);
}
#featuring #first-area #mainscreen.flexslider ul.flex-direction-nav a.flex-next:before { content:none; }
#featuring #first-area #slider-first.flexslider {
  position:absolute;
  margin:0;
  top:0;
  right:0;
  width:138px;
  overflow:hidden;
  height:401px;
  border:0;
  box-shadow:none;
}
#featuring #first-area #slider-first.flexslider ul.slides { position:relative; }
#featuring #first-area #slider-first.flexslider ul.slides li {
  background-image:none;
  background-color:#fff;
  margin-bottom:10px;
  height:92px;
  clear:both;
  position:relative;
  cursor:pointer;
}
#featuring #first-area #slider-first.flexslider ul.slides li:hover { opacity:0.8; }
#featuring #first-area #slider-first.flexslider ul.slides li img.dummy {
  position:absolute;
  z-index:9999;
  top:0;
  left:0;
}
#featuring #first-area #slider-first.flexslider ul.slides li iframe {
  position:absolute;
  z-index:0;
  top:0;
  left:0;
}
#featuring #second-area {
  height:140px;
  overflow:hidden;
  margin:30px 0;
}
#featuring #second-area h2 { display:none; }
#featuring #second-area #slider-second.flexslider {
  border:0;
  margin-left:30px;
  margin-right:30px;
  box-shadow:none;
  margin-bottom:30px;
}
#featuring #second-area #slider-second.flexslider ul.slides li {
  margin-right:15px;
  margin-left:15px;
  display:inline-block;
}
#featuring #second-area #slider-second.flexslider:hover a.flex-prev, #featuring #second-area #slider-second.flexslider:hover a.flex-next { opacity:1; }
#featuring #second-area #slider-second.flexslider ul.flex-direction-nav .flex-disabled { opacity:1; }
#featuring #second-area #slider-second.flexslider ul.flex-direction-nav a {
  opacity:1;
  background-position:center center;
  background-repeat:no-repeat;
}
#featuring #second-area #slider-second.flexslider ul.flex-direction-nav a.flex-prev {
  left:-30px;
  background-image:url(./images/common/arrow_l_b.png);
}
#featuring #second-area #slider-second.flexslider ul.flex-direction-nav a.flex-prev:before { content:none; }
#featuring #second-area #slider-second.flexslider ul.flex-direction-nav a.flex-next {
  right:-30px;
  background-image:url(./images/common/arrow_r_b.png);
}
#featuring #second-area #slider-second.flexslider ul.flex-direction-nav a.flex-next:before { content:none; }
#Body {
  overflow:hidden;
  position:relative;
  margin-bottom:40px;
  clear:both;
}
#Body .container.left {
  float:left;
  width:777px;
  margin-left:-17px;
}
#Body .container.left .article {
  width:240px;
  float:left;
  margin-left:17px;
  margin-bottom:17px;
  background-color:#F5F5F5;
  border:1px solid #C7C7C7;
  height:380px;
  overflow:hidden;
  position:relative;
}
#Body .container.left .article .header {
  background:#FF6FB5 url(./images/common/bg_pink.png);
  color:#fff;
  line-height:1;
  display:table;
  width:100%;
  padding:10px 0;
}
#Body .container.left .article .header .update {
  display:table-cell;
  text-align:right;
  padding-right:15px;
}
#Body .container.left .article .header .category {
  display:table-cell;
  padding-left:15px;
}
#Body .container.left .article .header .category a {
  display:inline-block;
  font-size:11px;
  color:#fff;
  padding:3px;
  border:1px solid rgba(255,255,255,0.5);
  margin-right:3px;
  text-decoration:none;
}
#Body .container.left .article .header .category a + a { display:none; }
#Body .container.left .article .social {
  z-index:0;
  position:absolute;
  bottom:0;
  left:0;
  background-color:#fff;
  padding:5px 10px;
  width:100%;
}
#Body .container.left .article .social iframe {
  display:block;
  float:left;
  width:110px !important;
}
#Body .container.left .article .content {
  margin:15px;
  word-wrap:break-word;
}
#Body .container.left .article .content h3, #Body .container.left .article .content h2, #Body .container.left .article .content h1 { clear:both; }
#Body .container.left .article .content h4 { clear:both; }
#Body .container.left .article .content blockquote {
  border:solid 1px #FF6FB5;
  margin:30px;
  padding:0 30px;
}
#Body .container.left .nav {
  clear:both;
  display:inline-block;
  width:80%;
  margin-top:30px;
  text-align:center;
}
#Body .container.left .nav .wp-pagenavi a, #Body .container.left .nav .wp-pagenavi span { border:0; }
#Body .container.right {
  float:right;
  width:240px;
  margin-bottom:30px;
}
#Body .container.right dl, #Body .container.right dt, #Body .container.right dd, #Body .container.right ul, #Body .container.right li {
  margin:0;
  padding:0;
  display:block;
}
#Body .container.right dt {
  font-weight:bold;
  line-height:1;
}
#Body .container.right dl#keyword {
  border:1px solid #C7C7C7;
  margin-bottom:17px;
}
#Body .container.right dl#keyword dt {
  color:#fff;
  background:#364EA2 url(./images/common/logo_t.png) no-repeat -2px center;
  padding:13px;
}
#Body .container.right dl#keyword dd {
  padding:13px;
  background-color:#F5F5F5;
}
#Body .container.right dl#latest_entries dt {
  border-bottom:1px solid #C7C7C7;
  padding:13px 0;
  margin-bottom:1em;
}
#Body .container.right dl#latest_entries dt .cat {
  color:#fff;
  font-weight:normal;
  background-color:#FF6FB5;
  display:inline-block;
  padding:3px;
  font-size:11px;
}
#Body .container.right dl#latest_entries dd .update, #Body .container.right dl#latest_entries dd .author { color:#666; }
#Body .container.right dl#latest_entries dd ul li {
  border-bottom:1px dashed #C7C7C7;
  padding-bottom:1em;
  margin-bottom:1em;
}
#Body .container.right dl#latest_entries dd > a {
  display:block;
  float:right;
  background:url(./images/common/arrow_r_b.png) no-repeat 0 center;
  padding-left:15px;
}
.single #Body .container.left .article, .page #Body .container.left .article, .error404 #Body .container.left .article {
  width:740px;
  height:auto;
}
.single #Body .container.left .article .header .category a, .page #Body .container.left .article .header .category a, .error404 #Body .container.left .article .header .category a { display:inline-block; }
.single #Body .container.left .article .content, .page #Body .container.left .article .content, .error404 #Body .container.left .article .content {
  overflow:hidden;
  margin:0 50px 60px;
}
.single #Body .container.left .article .content .media-container, .page #Body .container.left .article .content .media-container, .error404 #Body .container.left .article .content .media-container { margin-bottom:1em; }
.single #Body .container.left .article .content .media-container p.caption, .page #Body .container.left .article .content .media-container p.caption, .error404 #Body .container.left .article .content .media-container p.caption {
  margin-top:0.5em;
  text-align:center;
  font-size:12px;
}
.single #Body .container.left .article .content .media-container .media, .page #Body .container.left .article .content .media-container .media, .error404 #Body .container.left .article .content .media-container .media { height:auto; }
.single #Body .container.left .article .content .mainmedia, .page #Body .container.left .article .content .mainmedia, .error404 #Body .container.left .article .content .mainmedia { margin:0 20px 40px; }
.single #Body .container.left .article .content .submedia, .page #Body .container.left .article .content .submedia, .error404 #Body .container.left .article .content .submedia {
  width:210px;
  float:right;
  margin-left:2em;
}
.single #Body .container.left .article .content ul.othersmedia, .page #Body .container.left .article .content ul.othersmedia, .error404 #Body .container.left .article .content ul.othersmedia {
  padding:0;
  margin-top:30px;
  padding-top:20px;
  clear:both;
  border-top:1px solid #C7C7C7;
}
.single #Body .container.left .article .content ul.othersmedia li, .page #Body .container.left .article .content ul.othersmedia li, .error404 #Body .container.left .article .content ul.othersmedia li {
  display:block;
  margin-bottom:0.5em;
}
.single #Body .container.left .article .content ul.othersmedia li label, .page #Body .container.left .article .content ul.othersmedia li label, .error404 #Body .container.left .article .content ul.othersmedia li label {
  display:inline-block;
  padding:3px;
  font-size:11px;
  background-color:#FF6FB5;
  color:#fff;
}
.single #Body .container.left .article .social, .page #Body .container.left .article .social, .error404 #Body .container.left .article .social {
  padding:5px 20px;
  width:100%;
}
.single #Body .container.left .article .social iframe, .page #Body .container.left .article .social iframe, .error404 #Body .container.left .article .social iframe {
  display:block;
  float:left;
  width:130px !important;
}
.single #Body .container.left .article .metadata, .page #Body .container.left .article .metadata, .error404 #Body .container.left .article .metadata {
  z-index:1;
  position:absolute;
  bottom:0;
  right:0;
  padding:5px 20px;
}
.single #Body .container.right, .page #Body .container.right, .error404 #Body .container.right { width:260px; }
#Footer {
  background-color:#364EA2;
  position:absolute;
  left:0;
  width:100%;
}
#Footer .container {
  position:relative;
  width:1020px;
  padding:30px 0 20px;
  margin:0 auto;
}
#Footer .container #copyright, #Footer .container address {
  text-align:center;
  color:#fff;
  font-style:normal;
  margin-bottom:15px;
  font-size:12px;
}
#Footer .container #totop {
  position:absolute;
  right:0;
  top:-60px;
}
#Footer .container #totop a {
  background:url(./images/common/arrow_t_b.png) no-repeat 0 center;
  padding-left:15px;
}
.content img {
  margin:0;
  max-width:600px;
  height:auto;
}
.content .alignleft, .content img.alignleft {
  display:inline;
  float:left;
  margin-right:24px;
  margin-top:4px;
}
.content .alignright, .content img.alignright {
  display:inline;
  float:right;
  margin-left:24px;
  margin-top:4px;
}
.content .aligncenter, .content img.aligncenter {
  clear:both;
  display:block;
  margin-left:auto;
  margin-right:auto;
}
.content img.alignleft, .content img.alignright, .content img.aligncenter { margin-bottom:12px; }
.content .wp-caption {
  background:#f1f1f1;
  line-height:18px;
  margin-bottom:20px;
  padding:4px;
  text-align:center;
}
.content .wp-caption img { margin:5px 5px 0; }
.content .wp-caption p.wp-caption-text {
  color:#888;
  font-size:12px;
  margin:5px;
}
.content .wp-smiley { margin:0; }
.content .gallery { margin:0 auto 18px; }
.content .gallery .gallery-item {
  float:left;
  margin-top:0;
  text-align:center;
  width:33%;
}
.content .gallery img { border:2px solid #cfcfcf; }
.content .gallery .gallery-caption {
  color:#888;
  font-size:12px;
  margin:0 0 12px;
}
.content .gallery dl { margin:0; }
.content .gallery img { border:10px solid #f1f1f1; }
.content .gallery br+br { display:none; }
.content .attachment img {
  display:block;
  margin:0 auto;
}