@charset "UTF-8";
/*
Theme Name: ochitakao
Theme URI: http://ochitakao.com/

This theme was designed and built by docodoor,
whose blog you will find at http://ochitakao.com/

The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php

*/
/*---------------------------------------------------------------
リセット
---------------------------------------------------------------*/
@import url(_reset.css);
@import url(h_test.css);
/*---------------------------------------------------------------


common


---------------------------------------------------------------*/
html, body {
  font-family: "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  font-size: 16px;
  line-height: 1;
  letter-spacing: 0.1em;
  color: #383838;
  background: #ECF0F1;
  min-width: 1340px;
}
@media screen and (max-width: 768px) {
  html, body {
    min-width: inherit;
    width: auto;
  }
}

* {
  box-sizing: border-box;
}

a {
  display: block;
  text-decoration: none;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
a:hover {
  opacity: 0.4;
  filter: alpha(opacity=60);
}
@media screen and (max-width: 768px) {
  a:hover {
    opacity: 1;
  }
}

p {
  line-height: 1.8;
}

content {
  width: 1300px;
  display: block;
  clear: both;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  content {
    width: 100%;
  }
}

.wrapper {
  width: 966px;
  float: left;
  margin: 30px 0;
}
.wrapper:after {
  content: "";
  display: block;
  clear: both;
}
@media screen and (max-width: 768px) {
  .wrapper {
    width: 100%;
    float: none;
    display: block;
  }
}

.btn {
  position: relative;
  text-align: center;
  margin: 30px 0;
  padding: 5px 0;
}
.btn a {
  color: #fff;
  padding: 5px 20px;
  font-size: 11px;
}
.btn:before {
  content: '';
  /*ボックス作成*/
  position: absolute;
  background: #1A1A1A;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  height: 30px;
  z-index: -1;
  transform: skew(-25deg);
}

.pcoff {
  display: none !important;
}
@media screen and (max-width: 768px) {
  .pcoff {
    display: block !important;
  }
}

@media screen and (max-width: 768px) {
  .spoff {
    display: none !important;
  }
}

form {
  display: inline-block;
  vertical-align: middle;
}
form label {
  display: none;
}
form #s {
  border: none;
  background: #E6E6E6;
  width: 200px;
  margin: 10px 0;
  height: 30px;
  border-radius: 50px;
}
form #searchsubmit {
  position: relative;
  margin: 0 10px 0 0;
  cursor: pointer;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  border: none;
  height: 25px;
  width: 25px;
  color: transparent;
  background: url(images/common/search.png);
}
form #searchsubmit:after {
  content: "\f002";
  font-family: FontAwesome;
  position: absolute;
  font-size: 22px;
  left: 0;
  bottom: -5px;
}
form #searchsubmit:hover {
  opacity: 0.4;
  filter: alpha(opacity=60);
}

div.menubtn {
  float: right;
}
div.menubtn div {
  display: inline-block;
  margin: 0 0 0 10px;
}
div.menubtn div a {
  background: #CF000F;
  color: #fff;
  text-align: center;
  border: 2px solid #CF000F;
  padding: 20px 30px;
  display: block;
  font-size: 15px;
}
div.menubtn div a:hover {
  background: #fff;
  color: #CF000F;
  font-weight: bold;
  opacity: 1;
}
div.menubtn:after {
  content: "";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

ul.sns {
  font-size: 0 !important;
  background: transparent !important;
  border: none !important;
}
ul.sns li {
  width: 80px !important;
  margin: 20px 0 !important;
  text-align: center !important;
  display: inline-block !important;
}
ul.sns li a {
  color: #fff !important;
  padding: 5px 0 !important;
  font-size: 14px !important;
}
ul.sns li:nth-of-type(1) {
  background: #55ACEE !important;
}
ul.sns li:nth-of-type(2) {
  background: #3B5998 !important;
}

span.cat.news {
  background: #686df8;
}
span.cat.serialization {
  background: #00C300;
}
span.cat.word {
  background: #55ACEE;
}
span.cat.venus {
  background: #FF74CF;
}
span.cat.media {
  background: #732836;
}
span.cat.exhibition {
  background: #7FBE26;
}

.wp-pagenavi {
  display: table;
  margin: 30px auto;
  border-collapse: collapse;
}
.wp-pagenavi span {
  color: #666;
  background: #fff;
  width: 40px;
  height: 40px;
  border-color: #D5DBDB !important;
  background: #ECF0F1;
  text-align: center;
  vertical-align: middle;
  margin: 0;
  display: table-cell;
}
.wp-pagenavi a {
  border-color: #D5DBDB !important;
  color: #666;
  background: #fff;
  width: 40px;
  height: 40px;
  text-align: center;
  vertical-align: middle;
  margin: 0;
  display: table-cell;
}
.wp-pagenavi a:hover {
  border-color: #D5DBDB !important;
}

.news_nav {
  margin: 0 auto !important;
  text-align: center !important;
  background: transparent !important;
  border: none !important;
}
.news_nav li {
  background: #fff !important;
  display: inline-block !important;
  margin: 0 5px !important;
  border-bottom: none !important;
}
@media screen and (max-width: 768px) {
  .news_nav li {
    margin: 0 !important;
  }
}
.news_nav li a {
  color: #666 !important;
  display: inline-block !important;
  padding: 10px !important;
}
@media screen and (max-width: 768px) {
  .news_nav li a {
    font-size: 14px;
    padding: 5px !important;
  }
}
.news_nav li.prev a:before {
  content: "≪" !important;
  padding: 0 10px 0 0 !important;
  display: inline-block !important;
}
@media screen and (max-width: 768px) {
  .news_nav li.prev a:before {
    padding: 0 5px 0 0 !important;
    font-size: 14px;
  }
}
.news_nav li.next a:after {
  content: "≫" !important;
  padding: 0 0 0 10px !important;
  display: inline-block !important;
}
@media screen and (max-width: 768px) {
  .news_nav li.next a:after {
    padding: 0 0 0 5px !important;
    font-size: 14px;
  }
}

/*colorbox*/
#cboxCurrent {
  display: none !important;
}

#cboxTitle {
  text-align: left !important;
  padding: 10px 80px;
  bottom: 8px !important;
}
#cboxTitle span {
  padding: 0 20px 0 0;
}
@media screen and (max-width: 768px) {
  #cboxTitle {
    padding: 10px 0;
    color: #FFF !important;
    bottom: auto !important;
    position: relative !important;
    display: block !important;
    padding: 20px 20px 0 0;
  }
}

#cboxLoadedContent {
  margin: 50px 80px !important;
  position: relative;
}
@media screen and (max-width: 768px) {
  #cboxLoadedContent {
    margin: 20px !important;
  }
}
#cboxLoadedContent img {
  margin: 10px auto;
  width: auto !important;
  height: auto !important;
  max-height: 700px;
  max-width: 800px;
}

#cboxPrevious {
  bottom: 50% !important;
  background: url(images/common/prev.png) no-repeat center center !important;
  background-size: cover;
  width: 60px !important;
  height: 60px !important;
}
@media screen and (max-width: 768px) {
  #cboxPrevious {
    display: none !important;
  }
}

#cboxNext {
  bottom: 50% !important;
  left: auto !important;
  right: 0 !important;
  background: url(images/common/next.png) no-repeat center center !important;
  background-size: cover;
  width: 60px !important;
  height: 60px !important;
}
@media screen and (max-width: 768px) {
  #cboxNext {
    display: none !important;
  }
}

#cboxClose {
  top: 0 !important;
  bottom: auto !important;
}

/*---------------------------------------------------------------


header


---------------------------------------------------------------*/
header {
  background: #fff;
  padding: 20px 0;
  top: 0;
}
@media screen and (max-width: 768px) {
  header {
    position: relative;
  }
}
header div.menubtn {
  width: 60%;
}
header div.menubtn > div {
  float: right;
}
header div.menubtn:after {
  content: "";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
header > div {
  width: 1300px;
  margin: 0 auto;
}
header > div h1, header > div p {
  float: left;
}
@media screen and (max-width: 768px) {
  header > div h1, header > div p {
    float: none;
  }
}
header > div #search_btn {
  display: inline-block;
  font-size: 30px;
  color: #808080;
}
header > div .search {
  display: none;
  width: 100%;
  left: 0;
  margin: 0 auto;
  position: fixed;
  top: 75px;
  background-color: #ccc;
  z-index: 100;
  max-height: 100%;
  padding: 20px 0 30px 0;
}
@media screen and (max-width: 768px) {
  header > div .search {
    text-align: center;
  }
}
@media screen and (max-width: 768px) {
  header > div {
    width: 30%;
    height: auto;
    position: absolute;
    float: right;
    right: 3px;
    text-align: right;
  }
}
header > div:after {
  content: "";
  display: block;
  clear: both;
}
@media screen and (max-width: 768px) {
  header .logo {
    float: left;
  }
}
@media screen and (max-width: 768px) {
  header .logo a {
    display: inline-block;
  }
}
header:after {
  content: "";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
@media screen and (max-width: 768px) {
  header {
    position: fixed;
    width: 100%;
    display: block;
    z-index: 5000;
  }
}

/*---------------------------------------------------------------


nav


---------------------------------------------------------------*/
.gnav {
  background: #fff;
}
.gnav ul {
  width: 1300px;
  margin: 0 auto;
  padding: 20px 0;
  display: table;
}
.gnav ul li {
  display: inline-block;
  border-left: 1px solid #666666;
  display: table-cell;
  text-align: center;
}
.gnav ul li a {
  padding: 10px;
  display: block;
  color: #383838;
}
.gnav ul li:last-child {
  border-right: 1px solid #666666;
}
.gnav ul li:after {
  content: "";
  display: block;
  clear: both;
}

nav.pcoff #menu_btn {
  display: none;
  height: 49px;
  width: 48px;
}
@media screen and (max-width: 768px) {
  nav.pcoff #menu_btn {
    display: inline-block;
  }
  nav.pcoff #menu_btn img {
    width: auto;
    height: 100%;
    vertical-align: middle !important;
  }
}
@media screen and (max-width: 768px) {
  nav.pcoff {
    display: inline-block !important;
  }
}
nav.pcoff #menu {
  display: none;
  width: 100%;
  left: 0;
  margin: 0 auto;
  position: fixed;
  top: 75px;
  background-color: #666666;
  z-index: 100;
  max-height: 100%;
  overflow-y: scroll;
}
nav.pcoff #menu li {
  list-style: none;
  background: #666666;
  border-top: 1px solid #fff;
  text-align: left;
}
nav.pcoff #menu li a {
  line-height: 1;
  padding: 20px 25px;
  border-bottom: 1px solid #fff;
  color: #fff;
  position: relative;
}
nav.pcoff #menu li a:last-of-type {
  border: none;
}
nav.pcoff #menu li a:after {
  content: "\f105";
  font-family: FontAwesome;
  position: absolute;
  right: 25px;
}
nav.pcoff #menu li:nth-of-type(6), nav.pcoff #menu li:nth-of-type(7) {
  background: #CF000F;
}

/*---------------------------------------------------------------


cb-header


---------------------------------------------------------------*/
.cbheader {
  position: fixed;
  top: -161px;
  left: 0;
  background: #fff;
  z-index: 5000;
  width: 100%;
}
.cbheader > div {
  width: 1300px;
  margin: 0 auto;
}
.cbheader > div > a {
  display: inline-block;
  float: left;
  padding: 20px 30px 0 0;
}
.cbheader > div .gnav {
  display: inline-block;
  float: left;
  padding: 10px 0;
}
.cbheader > div .gnav ul {
  width: 815px;
  margin: 0;
  padding: 13px 0;
}
.cbheader > div .gnav ul a {
  font-size: 14px;
}
.cbheader > div div.menubtn {
  height: 20px;
  padding: 13px 0 0;
}
.cbheader > div div.menubtn a {
  font-size: 13px;
}
.cbheader:after {
  content: "";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

/*---------------------------------------------------------------


main


---------------------------------------------------------------*/
#main {
  margin: 30px auto;
  width: 1300px;
  clear: both;
}
#main ul li {
  position: relative;
}
#main ul li figure img {
  margin: 0 auto;
  width: 100%;
  height: auto;
}
#main ul li div {
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 30px;
  text-align: left;
  color: #383838 !important;
  background: none !important;
  filter: none !important;
}
@media screen and (max-width: 768px) {
  #main ul li div {
    background: transparent;
    color: #383838;
    position: relative;
    padding: 20px 10px;
  }
}
#main ul li div h2 {
  font-size: 36px;
  margin: 20px 0;
  font-weight: bold;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  #main ul li div h2 {
    font-size: 18px;
  }
}
@media screen and (max-width: 768px) {
  #main ul li div p {
    font-size: 14px;
  }
}
@media screen and (max-width: 768px) {
  #main ul {
    width: 100%;
    height: auto;
  }
}
@media screen and (max-width: 768px) {
  #main {
    width: 100%;
    height: auto;
    display: block;
    margin: 0 0 30px;
    padding: 75px 0 0;
  }
}

/*---------------------------------------------------------------


sidebar


---------------------------------------------------------------*/
.sidebar {
  width: 300px;
  float: right;
  margin: 30px 0;
}
.sidebar::after {
  content: "";
  display: block;
  clear: both;
}
.sidebar .sidemenu {
  margin: 0 0 40px;
}
.sidebar .sidemenu h3 {
  color: #fff;
  background: #383838;
  padding: 20px 30px;
  font-size: 18px;
}
.sidebar .sidemenu > ul {
  border: 1px solid #D5DBDB;
}
.sidebar .sidemenu > ul li {
  margin: 0;
  background: #fff;
  border-bottom: 1px solid #D5DBDB;
}
.sidebar .sidemenu > ul li a {
  font-size: 13px;
  padding: 20px 30px 20px 20px;
  display: block;
}
.sidebar .sidemenu > ul li a.on {
  color: #CF000F;
  font-size: 14px;
  padding: 20px 30px 20px 20px;
  display: block;
  font-weight: bold;
  pointer-events: none;
}
.sidebar .sidemenu > ul li a.on li:before {
  color: #CF000F;
}
.sidebar .sidemenu > ul li a:before {
  content: "\f105";
  font-family: FontAwesome;
  padding: 0 10px 0 0;
}
.sidebar .sidemenu > ul li:last-child {
  border: none;
}
.sidebar .sidemenu > ul.wpp-list {
  border: none;
}
.sidebar .sidemenu > ul.wpp-list li {
  background: transparent;
  margin: 20px 0;
  border: none;
}
.sidebar .sidemenu > ul.wpp-list li a {
  padding: 0;
}
.sidebar .sidemenu > ul.wpp-list li a:before {
  display: none;
}
.sidebar .sidemenu > ul.wpp-list li img {
  width: 60px;
  height: 60px;
  float: left;
  margin: 0 10px 0 0;
}
.sidebar .sidemenu > ul.wpp-list li .wpp-views {
  display: none;
}
.sidebar .sidemenu > ul.wpp-list li .wpp-date {
  color: #B3B3B3;
  font-size: 12px;
  font-family: 'Montserrat', sans-serif;
}
.sidebar .sidemenu > ul.wpp-list li .wpp-date:before {
  content: "\f017";
  font-family: FontAwesome;
  padding: 0 5px 0 0;
}
.sidebar .sidemenu > ul.wpp-list li:after {
  content: "";
  display: block;
  clear: both;
}
.sidebar ul li {
  margin: 0 0 30px;
}
.sidebar ul li a {
  color: #1A1A1A;
  font-size: 18px;
  line-height: 1.7;
}
.sidebar ul li a h3 {
  background: url(images/top/bnr_bg.jpg);
  width: 300px;
  height: 120px;
  text-align: center;
}
.sidebar ul li a h3 span {
  padding: 34px 0 0;
  font-size: 12px;
  font-family: 'Montserrat', sans-serif;
  color: #CF000F;
  display: block;
}
@media screen and (max-width: 768px) {
  .sidebar ul li a h3 {
    width: 100%;
    height: auto;
  }
}
.sidebar ul li a img {
  width: 100%;
  height: auto;
}
@media screen and (max-width: 768px) {
  .sidebar ul li a img {
    max-width: 300px;
    text-align: center;
    margin: 0 auto;
    display: block;
  }
}
@media screen and (max-width: 768px) {
  .sidebar {
    width: 100%;
    float: none;
    height: auto;
    display: block;
  }
}
.sidebar .fb {
  text-align: center;
}
@media screen and (max-width: 400px) {
  .sidebar .fb {
    width: 280px;
    margin: 0 auto;
  }
}
.sidebar .fb .fb-page {
  margin: 0 auto 40px;
  width: auto;
}
.sidebar .spbnr div {
  margin: 20px 0;
}

/*---------------------------------------------------------------


sec1


---------------------------------------------------------------*/
#sec1 {
  border-top: 1px solid #1A1A1A;
  border-bottom: 2px solid #D5DBDB;
}
#sec1 h2 {
  font-size: 20px;
  margin: 30px 0 0;
  float: left;
}
#sec1 .btn {
  float: right;
  width: 100px;
  z-index: 300;
  font-size: 11px;
  margin: 30px 0 0;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
#sec1 .btn a {
  padding: 5px 0;
  color: #fff;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
#sec1 .btn:before {
  content: "";
  background: #1A1A1A;
  border: 2px solid #1A1A1A;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
#sec1 .btn:hover a {
  color: #1A1A1A;
  opacity: 1;
}
#sec1 .btn:hover:before {
  background: #fff;
  font-weight: bold;
  opacity: 1;
}
#sec1 ul {
  clear: both;
  padding: 0 0 40px;
}
#sec1 ul li {
  display: inline-block;
  width: 300px;
  margin: 20px 16px 0 0;
}
@media screen and (max-width: 768px) {
  #sec1 ul li {
    width: 100%;
    height: auto;
    margin: 20px 0 0 0;
  }
}
#sec1 ul li a:nth-of-type(3), #sec1 ul li a:nth-of-type(6), #sec1 ul li a:nth-of-type(9) {
  margin: 30px 0 0 0;
}
@media screen and (max-width: 768px) {
  #sec1 ul li a:nth-of-type(3), #sec1 ul li a:nth-of-type(6), #sec1 ul li a:nth-of-type(9) {
    margin: 20px 0 0 0;
  }
}
@media screen and (max-width: 768px) {
  #sec1 ul li a:nth-of-type(9) {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  #sec1 ul li a:nth-of-type(even) {
    float: right;
  }
}
#sec1 ul li a figure {
  position: relative;
  width: 299px;
  height: 180px;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  #sec1 ul li a figure {
    width: 100%;
    height: auto;
  }
}
#sec1 ul li a figure span {
  position: absolute;
  left: 0;
  top: 0;
  color: #fff;
  padding: 10px;
  font-size: 13px;
}
#sec1 ul li a figure img {
  width: 100%;
  height: auto;
  position: absolute;
  border: 1px solid #D5DBDB;
  -moz-transition: -moz-transform 0.5s linear;
  -webkit-transition: -webkit-transform 0.5s linear;
  -o-transition: -o-transform 0.5s linear;
  -ms-transition: -ms-transform 0.5s linear;
  transition: transform 0.5s linear;
}
#sec1 ul li a figure img:hover {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
@media screen and (max-width: 768px) {
  #sec1 ul li a figure img {
    position: relative;
  }
  #sec1 ul li a figure img:hover {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
#sec1 ul li a div {
  background: #fff;
  padding: 10px 20px;
}
#sec1 ul li a div p {
  color: #1A1A1A;
  font-weight: bold;
  line-height: 1.3;
  padding: 0 0 10px;
  height: 50px;
}
@media screen and (max-width: 768px) {
  #sec1 ul li a div p {
    height: 70px;
  }
}
@media screen and (max-width: 400px) {
  #sec1 ul li a div p {
    height: auto;
  }
}
#sec1 ul li a div time {
  color: #B3B3B3;
  font-size: 12px;
  font-family: 'Montserrat', sans-serif;
}
#sec1 ul li a div time:before {
  content: "\f017";
  font-family: FontAwesome;
  padding: 0 5px 0 0;
}
@media screen and (max-width: 400px) {
  #sec1 ul li a {
    width: 100%;
    height: auto;
  }
}
@media screen and (max-width: 768px) {
  #sec1 {
    margin: 0 10px;
  }
}

/*---------------------------------------------------------------


sec2


---------------------------------------------------------------*/
#sec2 > a {
  margin: 40px 0 20px;
  background: url(images/top/sec2_bg.jpg);
  width: 966px;
  height: 300px;
  display: block;
  position: relative;
}
#sec2 > a h2 {
  width: 300px;
  text-align: center;
  color: #fff;
  font-size: 22px;
  top: 90px;
  position: absolute;
  line-height: 2;
}
#sec2 > a h2:before {
  display: block;
  content: "\f083";
  font-family: FontAwesome;
}
#sec2 > a .btn {
  width: 100px;
  position: absolute;
  bottom: 60px;
  left: 100px;
  color: #fff;
  z-index: 300;
  font-family: 'Montserrat', sans-serif;
  font-size: 11px;
  padding: 5px 10px;
}
#sec2 > a .btn:before {
  background: #CF000F;
  height: 20px;
}
#sec2 > a .btn:after {
  content: "\f105";
  font-family: FontAwesome;
  float: right;
}
#sec2 > a img {
  width: 100%;
  height: auto;
}
@media screen and (max-width: 768px) {
  #sec2 > a {
    width: 100%;
    height: auto;
    background: none;
  }
}
@media screen and (max-width: 768px) {
  #sec2 {
    padding: 0 10px;
  }
}

/*---------------------------------------------------------------


sec3


---------------------------------------------------------------*/
#sec3 {
  padding: 20px 0 40px;
}
#sec3 ul li {
  display: inline-block;
  margin: 0 24px 0 0;
}
#sec3 ul li:nth-of-type(3) {
  margin: 0;
}
#sec3 ul li a img {
  width: 100%;
  height: auto;
}
@media screen and (max-width: 768px) {
  #sec3 ul li a img {
    display: table-cell;
    margin: 0;
  }
}
#sec3 ul li a p {
  background: #fff;
  text-align: center;
  padding: 10px;
  color: #1A1A1A;
  vertical-align: middle;
}
#sec3 ul li a p:after {
  content: "\f105";
  font-family: FontAwesome;
  padding: 0 0 0 20px;
}
@media screen and (max-width: 768px) {
  #sec3 ul li a p {
    display: table-cell;
    width: 70%;
  }
}
@media screen and (max-width: 768px) {
  #sec3 ul li a {
    display: table;
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  #sec3 ul li {
    width: 100%;
    height: auto;
    margin: 0 0 20px;
    display: block;
  }
}
@media screen and (max-width: 768px) {
  #sec3 {
    padding: 20px 10px 40px;
  }
}

/*---------------------------------------------------------------


sec4


---------------------------------------------------------------*/
#sec4 {
  border-top: 2px solid #D5DBDB;
  padding: 40px 0;
}

/*---------------------------------------------------------------


footer


---------------------------------------------------------------*/
footer {
  clear: both;
  background: #fff;
}
footer .gnav {
  width: 1300px;
  margin: 0 auto;
}
footer .gnav ul {
  width: 848px;
  margin: 0;
  padding: 20px 0 30px;
  font-size: 14px;
}
footer nav.pcoff {
  position: relative;
  margin: 0 0 30px;
}
footer nav.pcoff .spmenu {
  display: block;
  width: 100%;
  left: 0;
  margin: 0 auto;
  background-color: #666666;
}
footer nav.pcoff .spmenu li {
  list-style: none;
  background: #666666;
  border-top: 1px solid #fff;
}
footer nav.pcoff .spmenu li a {
  line-height: 1;
  padding: 20px 25px;
  border-bottom: 1px solid #fff;
  color: #fff;
  position: relative;
  font-size: 14px;
}
footer nav.pcoff .spmenu li a:last-of-type {
  border: none;
}
footer nav.pcoff .spmenu li a:after {
  content: "\f105";
  font-family: FontAwesome;
  position: absolute;
  right: 25px;
}
footer nav.pcoff .spmenu li:nth-of-type(6), footer nav.pcoff .spmenu li:nth-of-type(7) {
  background: #CF000F;
}
@media screen and (max-width: 768px) {
  footer nav.pcoff {
    display: block !important;
  }
}
footer > div {
  width: 1300px;
  margin: 0 auto;
  clear: both;
  border-top: 2px solid #D5DBDB;
  padding: 30px 0 0;
}
footer > div .logo {
  float: left;
}
@media screen and (max-width: 768px) {
  footer > div .logo {
    float: none;
  }
}
footer > div .f_content {
  clear: both;
  padding: 30px 0;
}
footer > div .f_content p {
  float: left;
}
@media screen and (max-width: 768px) {
  footer > div .f_content p {
    float: none;
    margin: 0 0 40px;
  }
}
footer > div .f_content ul {
  float: right;
  line-height: 1.5;
}
footer > div .f_content ul li {
  border-right: 1px solid #4D4D4D;
  display: inline-block;
}
footer > div .f_content ul li a {
  color: #4D4D4D;
  padding: 0 30px;
  font-size: 13px;
}
@media screen and (max-width: 768px) {
  footer > div .f_content ul li a {
    padding: 0 10px;
  }
}
footer > div .f_content ul li:last-child {
  border-right: none;
}
@media screen and (max-width: 768px) {
  footer > div .f_content ul {
    padding: 10px 0;
  }
}
footer > div .f_content:after {
  content: 0;
  display: block;
  clear: both;
}
@media screen and (max-width: 768px) {
  footer > div .f_content {
    padding: 10px 0;
  }
}
footer > div:after {
  content: 0;
  display: block;
  clear: both;
}
@media screen and (max-width: 768px) {
  footer > div {
    width: 100%;
    height: auto;
    padding: 0 10px;
    border: none;
  }
}
footer small {
  clear: both;
  text-align: center;
  color: #B3B3B3;
  font-size: 10px;
  display: block;
  padding: 40px 0 20px;
}

/*---------------------------------------------------------------


pagetop


---------------------------------------------------------------*/
.pagetop a {
  width: 60px;
  height: 60px;
  position: fixed;
  right: 20px;
  bottom: 50px;
  z-index: 10000;
}
@media screen and (max-width: 768px) {
  .pagetop a {
    width: 45px;
    height: 45px;
    right: 15px;
    bottom: 15px;
  }
  .pagetop a img {
    width: 100%;
    height: auto;
  }
}
.pagetop a:hover {
  opacity: 0.4;
  filter: alpha(opacity=60);
}

/*---------------------------------------------------------------


下層ページ


---------------------------------------------------------------*/
.page-template-default h1, .page-template-column h1, .post-type-archive h1, .single h1, .category h1, .archive h1, .error404 h1, .search-results h1 {
  color: #fff;
  font-size: 40px;
  text-align: center;
  padding: 100px 0;
  font-weight: bold;
}
.page-template-default h1 a, .page-template-column h1 a, .post-type-archive h1 a, .single h1 a, .category h1 a, .archive h1 a, .error404 h1 a, .search-results h1 a {
  pointer-events: none;
}
@media screen and (max-width: 768px) {
  .page-template-default h1, .page-template-column h1, .post-type-archive h1, .single h1, .category h1, .archive h1, .error404 h1, .search-results h1 {
    margin: 75px 0 0;
    padding: 50px 0;
    font-size: 28px;
  }
}
.page-template-default h1 a, .page-template-column h1 a, .post-type-archive h1 a, .single h1 a, .category h1 a, .archive h1 a, .error404 h1 a, .search-results h1 a {
  color: #fff;
}
.page-template-default .breadcrumbs, .page-template-column .breadcrumbs, .post-type-archive .breadcrumbs, .single .breadcrumbs, .category .breadcrumbs, .archive .breadcrumbs, .error404 .breadcrumbs, .search-results .breadcrumbs {
  color: #808080;
  font-size: 11px;
  padding: 10px 0;
  border-bottom: 2px solid #D5DBDB;
  letter-spacing: 0px;
}
.page-template-default .breadcrumbs div, .page-template-column .breadcrumbs div, .post-type-archive .breadcrumbs div, .single .breadcrumbs div, .category .breadcrumbs div, .archive .breadcrumbs div, .error404 .breadcrumbs div, .search-results .breadcrumbs div {
  width: 1300px;
  margin: 0 auto;
}
.page-template-default .breadcrumbs div a, .page-template-column .breadcrumbs div a, .post-type-archive .breadcrumbs div a, .single .breadcrumbs div a, .category .breadcrumbs div a, .archive .breadcrumbs div a, .error404 .breadcrumbs div a, .search-results .breadcrumbs div a {
  display: inline-block;
  color: #808080;
}
@media screen and (max-width: 768px) {
  .page-template-default .breadcrumbs div, .page-template-column .breadcrumbs div, .post-type-archive .breadcrumbs div, .single .breadcrumbs div, .category .breadcrumbs div, .archive .breadcrumbs div, .error404 .breadcrumbs div, .search-results .breadcrumbs div {
    width: 100%;
    height: auto;
    padding: 0 10px;
  }
}
.page-template-default .wrapper, .page-template-column .wrapper, .post-type-archive .wrapper, .single .wrapper, .category .wrapper, .archive .wrapper, .error404 .wrapper, .search-results .wrapper {
  margin: 50px 0;
}
.page-template-default .wrapper main article section, .page-template-default .wrapper main article > div, .page-template-column .wrapper main article section, .page-template-column .wrapper main article > div, .post-type-archive .wrapper main article section, .post-type-archive .wrapper main article > div, .single .wrapper main article section, .single .wrapper main article > div, .category .wrapper main article section, .category .wrapper main article > div, .archive .wrapper main article section, .archive .wrapper main article > div, .error404 .wrapper main article section, .error404 .wrapper main article > div, .search-results .wrapper main article section, .search-results .wrapper main article > div {
  padding: 0 0 40px;
  margin: 0 0 40px;
  border-bottom: 2px solid #D5DBDB;
}
.page-template-default .wrapper main article section h2, .page-template-default .wrapper main article section strong, .page-template-default .wrapper main article > div h2, .page-template-default .wrapper main article > div strong, .page-template-column .wrapper main article section h2, .page-template-column .wrapper main article section strong, .page-template-column .wrapper main article > div h2, .page-template-column .wrapper main article > div strong, .post-type-archive .wrapper main article section h2, .post-type-archive .wrapper main article section strong, .post-type-archive .wrapper main article > div h2, .post-type-archive .wrapper main article > div strong, .single .wrapper main article section h2, .single .wrapper main article section strong, .single .wrapper main article > div h2, .single .wrapper main article > div strong, .category .wrapper main article section h2, .category .wrapper main article section strong, .category .wrapper main article > div h2, .category .wrapper main article > div strong, .archive .wrapper main article section h2, .archive .wrapper main article section strong, .archive .wrapper main article > div h2, .archive .wrapper main article > div strong, .error404 .wrapper main article section h2, .error404 .wrapper main article section strong, .error404 .wrapper main article > div h2, .error404 .wrapper main article > div strong, .search-results .wrapper main article section h2, .search-results .wrapper main article section strong, .search-results .wrapper main article > div h2, .search-results .wrapper main article > div strong {
  color: #1A1A1A;
  font-size: 26px;
  font-weight: bold;
  margin: 0 0 30px;
  line-height: 1.5;
}
.page-template-default .wrapper main article section h2 a, .page-template-default .wrapper main article section strong a, .page-template-default .wrapper main article > div h2 a, .page-template-default .wrapper main article > div strong a, .page-template-column .wrapper main article section h2 a, .page-template-column .wrapper main article section strong a, .page-template-column .wrapper main article > div h2 a, .page-template-column .wrapper main article > div strong a, .post-type-archive .wrapper main article section h2 a, .post-type-archive .wrapper main article section strong a, .post-type-archive .wrapper main article > div h2 a, .post-type-archive .wrapper main article > div strong a, .single .wrapper main article section h2 a, .single .wrapper main article section strong a, .single .wrapper main article > div h2 a, .single .wrapper main article > div strong a, .category .wrapper main article section h2 a, .category .wrapper main article section strong a, .category .wrapper main article > div h2 a, .category .wrapper main article > div strong a, .archive .wrapper main article section h2 a, .archive .wrapper main article section strong a, .archive .wrapper main article > div h2 a, .archive .wrapper main article > div strong a, .error404 .wrapper main article section h2 a, .error404 .wrapper main article section strong a, .error404 .wrapper main article > div h2 a, .error404 .wrapper main article > div strong a, .search-results .wrapper main article section h2 a, .search-results .wrapper main article section strong a, .search-results .wrapper main article > div h2 a, .search-results .wrapper main article > div strong a {
  pointer-events: none;
}
@media screen and (max-width: 768px) {
  .page-template-default .wrapper main article section h2, .page-template-default .wrapper main article section strong, .page-template-default .wrapper main article > div h2, .page-template-default .wrapper main article > div strong, .page-template-column .wrapper main article section h2, .page-template-column .wrapper main article section strong, .page-template-column .wrapper main article > div h2, .page-template-column .wrapper main article > div strong, .post-type-archive .wrapper main article section h2, .post-type-archive .wrapper main article section strong, .post-type-archive .wrapper main article > div h2, .post-type-archive .wrapper main article > div strong, .single .wrapper main article section h2, .single .wrapper main article section strong, .single .wrapper main article > div h2, .single .wrapper main article > div strong, .category .wrapper main article section h2, .category .wrapper main article section strong, .category .wrapper main article > div h2, .category .wrapper main article > div strong, .archive .wrapper main article section h2, .archive .wrapper main article section strong, .archive .wrapper main article > div h2, .archive .wrapper main article > div strong, .error404 .wrapper main article section h2, .error404 .wrapper main article section strong, .error404 .wrapper main article > div h2, .error404 .wrapper main article > div strong, .search-results .wrapper main article section h2, .search-results .wrapper main article section strong, .search-results .wrapper main article > div h2, .search-results .wrapper main article > div strong {
    font-size: 24px;
  }
}
.page-template-default .wrapper main article section table, .page-template-default .wrapper main article > div table, .page-template-column .wrapper main article section table, .page-template-column .wrapper main article > div table, .post-type-archive .wrapper main article section table, .post-type-archive .wrapper main article > div table, .single .wrapper main article section table, .single .wrapper main article > div table, .category .wrapper main article section table, .category .wrapper main article > div table, .archive .wrapper main article section table, .archive .wrapper main article > div table, .error404 .wrapper main article section table, .error404 .wrapper main article > div table, .search-results .wrapper main article section table, .search-results .wrapper main article > div table {
  background: #fff;
  border: 1px solid #D5DBDB;
  width: 100%;
  height: auto;
}
@media screen and (max-width: 768px) {
  .page-template-default .wrapper main article section table, .page-template-default .wrapper main article > div table, .page-template-column .wrapper main article section table, .page-template-column .wrapper main article > div table, .post-type-archive .wrapper main article section table, .post-type-archive .wrapper main article > div table, .single .wrapper main article section table, .single .wrapper main article > div table, .category .wrapper main article section table, .category .wrapper main article > div table, .archive .wrapper main article section table, .archive .wrapper main article > div table, .error404 .wrapper main article section table, .error404 .wrapper main article > div table, .search-results .wrapper main article section table, .search-results .wrapper main article > div table {
    border: none;
  }
}
.page-template-default .wrapper main article section table tr, .page-template-default .wrapper main article > div table tr, .page-template-column .wrapper main article section table tr, .page-template-column .wrapper main article > div table tr, .post-type-archive .wrapper main article section table tr, .post-type-archive .wrapper main article > div table tr, .single .wrapper main article section table tr, .single .wrapper main article > div table tr, .category .wrapper main article section table tr, .category .wrapper main article > div table tr, .archive .wrapper main article section table tr, .archive .wrapper main article > div table tr, .error404 .wrapper main article section table tr, .error404 .wrapper main article > div table tr, .search-results .wrapper main article section table tr, .search-results .wrapper main article > div table tr {
  border-bottom: 1px solid #D5DBDB;
}
.page-template-default .wrapper main article section table tr th, .page-template-default .wrapper main article > div table tr th, .page-template-column .wrapper main article section table tr th, .page-template-column .wrapper main article > div table tr th, .post-type-archive .wrapper main article section table tr th, .post-type-archive .wrapper main article > div table tr th, .single .wrapper main article section table tr th, .single .wrapper main article > div table tr th, .category .wrapper main article section table tr th, .category .wrapper main article > div table tr th, .archive .wrapper main article section table tr th, .archive .wrapper main article > div table tr th, .error404 .wrapper main article section table tr th, .error404 .wrapper main article > div table tr th, .search-results .wrapper main article section table tr th, .search-results .wrapper main article > div table tr th {
  padding: 20px 30px;
  border-right: 1px solid #D5DBDB;
  width: 20%;
}
@media screen and (max-width: 768px) {
  .page-template-default .wrapper main article section table tr th, .page-template-default .wrapper main article > div table tr th, .page-template-column .wrapper main article section table tr th, .page-template-column .wrapper main article > div table tr th, .post-type-archive .wrapper main article section table tr th, .post-type-archive .wrapper main article > div table tr th, .single .wrapper main article section table tr th, .single .wrapper main article > div table tr th, .category .wrapper main article section table tr th, .category .wrapper main article > div table tr th, .archive .wrapper main article section table tr th, .archive .wrapper main article > div table tr th, .error404 .wrapper main article section table tr th, .error404 .wrapper main article > div table tr th, .search-results .wrapper main article section table tr th, .search-results .wrapper main article > div table tr th {
    width: 100%;
    display: block;
    background: #666666;
    border-right: none;
    color: #fff;
    font-weight: bold;
  }
}
.page-template-default .wrapper main article section table tr td, .page-template-default .wrapper main article > div table tr td, .page-template-column .wrapper main article section table tr td, .page-template-column .wrapper main article > div table tr td, .post-type-archive .wrapper main article section table tr td, .post-type-archive .wrapper main article > div table tr td, .single .wrapper main article section table tr td, .single .wrapper main article > div table tr td, .category .wrapper main article section table tr td, .category .wrapper main article > div table tr td, .archive .wrapper main article section table tr td, .archive .wrapper main article > div table tr td, .error404 .wrapper main article section table tr td, .error404 .wrapper main article > div table tr td, .search-results .wrapper main article section table tr td, .search-results .wrapper main article > div table tr td {
  padding: 20px 30px;
}
@media screen and (max-width: 768px) {
  .page-template-default .wrapper main article section table tr td, .page-template-default .wrapper main article > div table tr td, .page-template-column .wrapper main article section table tr td, .page-template-column .wrapper main article > div table tr td, .post-type-archive .wrapper main article section table tr td, .post-type-archive .wrapper main article > div table tr td, .single .wrapper main article section table tr td, .single .wrapper main article > div table tr td, .category .wrapper main article section table tr td, .category .wrapper main article > div table tr td, .archive .wrapper main article section table tr td, .archive .wrapper main article > div table tr td, .error404 .wrapper main article section table tr td, .error404 .wrapper main article > div table tr td, .search-results .wrapper main article section table tr td, .search-results .wrapper main article > div table tr td {
    display: block;
    font-size: 14px;
  }
}
.page-template-default .wrapper main article section table tr td ul, .page-template-default .wrapper main article > div table tr td ul, .page-template-column .wrapper main article section table tr td ul, .page-template-column .wrapper main article > div table tr td ul, .post-type-archive .wrapper main article section table tr td ul, .post-type-archive .wrapper main article > div table tr td ul, .single .wrapper main article section table tr td ul, .single .wrapper main article > div table tr td ul, .category .wrapper main article section table tr td ul, .category .wrapper main article > div table tr td ul, .archive .wrapper main article section table tr td ul, .archive .wrapper main article > div table tr td ul, .error404 .wrapper main article section table tr td ul, .error404 .wrapper main article > div table tr td ul, .search-results .wrapper main article section table tr td ul, .search-results .wrapper main article > div table tr td ul {
  display: inline-block;
}
.page-template-default .wrapper main article section table tr td ul :after, .page-template-default .wrapper main article > div table tr td ul :after, .page-template-column .wrapper main article section table tr td ul :after, .page-template-column .wrapper main article > div table tr td ul :after, .post-type-archive .wrapper main article section table tr td ul :after, .post-type-archive .wrapper main article > div table tr td ul :after, .single .wrapper main article section table tr td ul :after, .single .wrapper main article > div table tr td ul :after, .category .wrapper main article section table tr td ul :after, .category .wrapper main article > div table tr td ul :after, .archive .wrapper main article section table tr td ul :after, .archive .wrapper main article > div table tr td ul :after, .error404 .wrapper main article section table tr td ul :after, .error404 .wrapper main article > div table tr td ul :after, .search-results .wrapper main article section table tr td ul :after, .search-results .wrapper main article > div table tr td ul :after {
  content: "";
  display: block;
  clear: both;
}
.page-template-default .wrapper main article section table tr td ul li, .page-template-default .wrapper main article > div table tr td ul li, .page-template-column .wrapper main article section table tr td ul li, .page-template-column .wrapper main article > div table tr td ul li, .post-type-archive .wrapper main article section table tr td ul li, .post-type-archive .wrapper main article > div table tr td ul li, .single .wrapper main article section table tr td ul li, .single .wrapper main article > div table tr td ul li, .category .wrapper main article section table tr td ul li, .category .wrapper main article > div table tr td ul li, .archive .wrapper main article section table tr td ul li, .archive .wrapper main article > div table tr td ul li, .error404 .wrapper main article section table tr td ul li, .error404 .wrapper main article > div table tr td ul li, .search-results .wrapper main article section table tr td ul li, .search-results .wrapper main article > div table tr td ul li {
  list-style-type: disc;
  margin: 5px 20px 5px 0;
  list-style-position: inside;
}
.page-template-default .wrapper main article section h3, .page-template-default .wrapper main article > div h3, .page-template-column .wrapper main article section h3, .page-template-column .wrapper main article > div h3, .post-type-archive .wrapper main article section h3, .post-type-archive .wrapper main article > div h3, .single .wrapper main article section h3, .single .wrapper main article > div h3, .category .wrapper main article section h3, .category .wrapper main article > div h3, .archive .wrapper main article section h3, .archive .wrapper main article > div h3, .error404 .wrapper main article section h3, .error404 .wrapper main article > div h3, .search-results .wrapper main article section h3, .search-results .wrapper main article > div h3 {
  font-size: 20px;
  margin: 0 0 20px;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .page-template-default .wrapper main article section img, .page-template-default .wrapper main article > div img, .page-template-column .wrapper main article section img, .page-template-column .wrapper main article > div img, .post-type-archive .wrapper main article section img, .post-type-archive .wrapper main article > div img, .single .wrapper main article section img, .single .wrapper main article > div img, .category .wrapper main article section img, .category .wrapper main article > div img, .archive .wrapper main article section img, .archive .wrapper main article > div img, .error404 .wrapper main article section img, .error404 .wrapper main article > div img, .search-results .wrapper main article section img, .search-results .wrapper main article > div img {
    width: 100%;
    height: auto;
  }
}
@media screen and (max-width: 768px) {
  .page-template-default .wrapper main article section, .page-template-default .wrapper main article > div, .page-template-column .wrapper main article section, .page-template-column .wrapper main article > div, .post-type-archive .wrapper main article section, .post-type-archive .wrapper main article > div, .single .wrapper main article section, .single .wrapper main article > div, .category .wrapper main article section, .category .wrapper main article > div, .archive .wrapper main article section, .archive .wrapper main article > div, .error404 .wrapper main article section, .error404 .wrapper main article > div, .search-results .wrapper main article section, .search-results .wrapper main article > div {
    padding: 0 10px;
  }
}
.page-template-default .sidebar, .page-template-column .sidebar, .post-type-archive .sidebar, .single .sidebar, .category .sidebar, .archive .sidebar, .error404 .sidebar, .search-results .sidebar {
  margin: 50px 0;
}

/*---------------------------------------------------------------


越智貴雄とは


---------------------------------------------------------------*/
.about h1 {
  background: url(images/about/header_bg.jpg) no-repeat center center;
  background-size: cover;
}
.about .wrapper {
  margin: 50px 0;
}
.about .wrapper main article section #info, .about .wrapper main article section #report {
  margin: -100px 0 30px !important;
  padding: 100px 0 0;
}
.about .wrapper main article section > div {
  margin: 40px 0 0;
}
.about .wrapper main article section > div a:nth-of-type(1) {
  float: left;
}
@media screen and (max-width: 768px) {
  .about .wrapper main article section > div a:nth-of-type(1) {
    float: none;
  }
}
.about .wrapper main article section > div a:nth-of-type(2) {
  float: right;
}
@media screen and (max-width: 768px) {
  .about .wrapper main article section > div a:nth-of-type(2) {
    float: none;
  }
}
@media screen and (max-width: 768px) {
  .about .wrapper main article section > div a {
    margin: 10px 0;
  }
}
.about .wrapper main article section > div:after {
  content: "";
  display: block;
  clear: both;
}
@media screen and (max-width: 768px) {
  .about .wrapper main article section > div {
    margin: 0 0 30px;
  }
}
.about .wrapper main article section ol {
  margin: 0 0 40px;
}
.about .wrapper main article section ol li {
  padding: 10px 0;
  list-style: decimal inside;
  color: #CF3A24;
}
.about .wrapper main article section ol li span {
  color: #383838;
}
@media screen and (max-width: 768px) {
  .about .wrapper main article section ol li {
    font-size: 14px;
    letter-spacing: 1px;
  }
}
@media screen and (max-width: 768px) {
  .about .wrapper main article section ol {
    padding: 0 0 30px;
  }
}
.about .wrapper main article section ul {
  clear: both;
  padding: 0 0 40px;
}
.about .wrapper main article section ul li {
  display: inline-block;
  width: 300px;
  margin: 20px 24px 0 0;
}
.about .wrapper main article section ul li a {
  color: #383838;
}
.about .wrapper main article section ul li a p:after {
  content: "\f08e";
  font-family: FontAwesome;
}
.about .wrapper main article section ul li:nth-of-type(3), .about .wrapper main article section ul li:nth-of-type(6), .about .wrapper main article section ul li:nth-of-type(9) {
  margin: 30px 0 0 0;
}
@media screen and (max-width: 768px) {
  .about .wrapper main article section ul li:nth-of-type(3), .about .wrapper main article section ul li:nth-of-type(6), .about .wrapper main article section ul li:nth-of-type(9) {
    margin: 20px 0 0 0;
  }
}
@media screen and (max-width: 768px) {
  .about .wrapper main article section ul li:nth-of-type(even) {
    float: right;
  }
}
.about .wrapper main article section ul li img {
  width: 100%;
  height: auto;
}
.about .wrapper main article section ul li p {
  font-size: 12px;
  padding: 10px 0 0;
}
@media screen and (max-width: 768px) {
  .about .wrapper main article section ul li {
    width: 47%;
    height: auto;
    margin: 20px 0 0 0;
  }
}
@media screen and (max-width: 400px) {
  .about .wrapper main article section ul li {
    width: 100%;
    height: auto;
  }
}
.about .wrapper main article section:nth-of-type(5) {
  border: none;
  margin: 0;
}
.about .wrapper main article section:nth-of-type(5) img {
  margin: 20px 0;
}
.about .wrapper main article > div:nth-of-type(1) > div {
  float: left;
  width: 78%;
}
.about .wrapper main article > div:nth-of-type(1) > div a {
  float: none;
  color: #0071BC;
  text-decoration: underline;
  display: inline-block;
  margin: 20px 40px 0 0;
}
.about .wrapper main article > div:nth-of-type(1) > div a:after {
  content: "\f105";
  font-family: FontAwesome;
}
@media screen and (max-width: 768px) {
  .about .wrapper main article > div:nth-of-type(1) > div {
    float: none;
    width: 100%;
  }
}
.about .wrapper main article > div:nth-of-type(1) > img {
  float: right;
}
@media screen and (max-width: 768px) {
  .about .wrapper main article > div:nth-of-type(1) > img {
    float: none;
    margin: 20px auto;
    max-width: 150px;
    display: block;
  }
}
.about .wrapper main article > div:nth-of-type(1):after {
  content: "";
  display: block;
  clear: both;
}
.about .wrapper main article > div:nth-of-type(2) > div {
  float: left;
  width: 55%;
  margin: 0;
}
.about .wrapper main article > div:nth-of-type(2) > div p {
  margin: 0 0 20px;
}
@media screen and (max-width: 768px) {
  .about .wrapper main article > div:nth-of-type(2) > div {
    float: none;
    width: 100%;
  }
}
.about .wrapper main article > div:nth-of-type(2) > img {
  float: right;
}
@media screen and (max-width: 768px) {
  .about .wrapper main article > div:nth-of-type(2) > img {
    float: none;
    margin: 20px auto;
    max-width: 300px;
    display: block;
  }
}
.about .wrapper main article > div:nth-of-type(2):after {
  content: "";
  display: block;
  clear: both;
}
@media screen and (max-width: 768px) {
  .about .wrapper main article > div:nth-of-type(2) {
    padding: 0 10px 30px;
  }
}
.about .wrapper main article > p {
  margin: 0 0 40px;
  padding: 0 10px;
}

/*---------------------------------------------------------------


ギャラリー一覧


---------------------------------------------------------------*/
.gallery h1 {
  background: url(images/gallery/header_bg.jpg) no-repeat center center;
  background-size: cover;
}
.gallery .wrapper {
  margin: 50px 0;
}

article ul.archive {
  margin: 0 0 30px;
}
@media screen and (max-width: 768px) {
  article ul.archive {
    padding: 0 10px;
  }
}
article ul.archive li {
  background: #fff;
  border: 1px solid #D5DBDB;
  display: inline-block;
  width: 48%;
  margin: 0 0 30px;
  position: relative;
}
@media screen and (max-width: 768px) {
  article ul.archive li {
    width: 100%;
    display: block;
  }
}
article ul.archive li:nth-child(even) {
  float: right;
}
@media screen and (max-width: 768px) {
  article ul.archive li:nth-child(even) {
    float: none;
  }
}
article ul.archive li:after {
  content: "";
  display: block;
  clear: both;
}
article ul.archive li a {
  padding: 30px;
  display: block;
}
article ul.archive li a h3 {
  font-weight: bold;
  color: #383838;
  font-size: 20px;
}
article ul.archive li a h3 span {
  color: #CF000F;
  font-size: 12px;
  font-family: 'Montserrat', sans-serif;
  font-weight: normal;
  padding: 0 0 0 10px;
}
article ul.archive li a figure {
  margin: 20px 0;
  width: 400px;
  height: 240px;
  overflow: hidden;
  position: relative;
}
article ul.archive li a figure img {
  width: 100%;
  height: auto;
  position: absolute;
}
@media screen and (max-width: 768px) {
  article ul.archive li a figure img {
    position: relative;
  }
}
@media screen and (max-width: 768px) {
  article ul.archive li a figure {
    width: auto;
    height: auto;
  }
}
article ul.archive li a p {
  color: #383838;
}
article ul.archive li a .btn {
  position: absolute;
  bottom: -10px;
  right: 20px;
  width: 100px;
  color: #fff;
  z-index: 300;
  font-family: 'Montserrat', sans-serif;
  font-size: 11px;
  padding: 10px;
  margin: 0;
}
article ul.archive li a .btn:before {
  background: #CF000F;
  height: 30px;
}
article ul.archive li a .btn:after {
  content: "\f105";
  font-family: FontAwesome;
  float: right;
}
article section.report {
  border-top: 2px solid #D5DBDB;
  border-bottom: none !important;
}
article section.report h2 {
  display: inline-block;
  margin: 30px 0 !important;
}
article section.report .btn {
  float: right;
  width: 100px;
  color: #fff;
  z-index: 300;
  font-size: 11px;
  margin: 30px 0;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
article section.report .btn a {
  padding: 5px 0;
  color: #fff;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
article section.report .btn:before {
  content: "";
  background: #1A1A1A;
  border: 2px solid #1A1A1A;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
article section.report .btn:hover a {
  color: #1A1A1A;
  opacity: 1;
}
article section.report .btn:hover:before {
  background: #fff;
  font-weight: bold;
  opacity: 1;
}
article section.report ul li {
  float: left;
  width: 48%;
  margin: 20px 0;
}
@media screen and (max-width: 768px) {
  article section.report ul li {
    width: 100%;
    float: none;
  }
}
article section.report ul li a {
  color: #383838;
}
article section.report ul li a figure {
  width: 120px;
  height: 120px;
  overflow: hidden;
  position: relative;
  float: left;
  margin: 0 10px 0 0;
}
article section.report ul li a figure img {
  width: auto;
  height: 100%;
  position: absolute;
}
article section.report ul li a p {
  font-size: 16px;
  font-weight: bold;
}
article section.report ul li a time {
  color: #B3B3B3;
  font-size: 14px;
  font-family: 'Montserrat', sans-serif;
  display: inline-block;
  padding: 20px 10px 0 0;
}
article section.report ul li a time:before {
  content: "\f017";
  font-family: FontAwesome;
  padding: 0 5px 0 0;
}
article section.report ul li a:after {
  content: "";
  display: block;
  clear: both;
}
article section.report ul li:nth-of-type(2n) {
  float: right;
}
article section.report ul:after {
  content: "";
  display: block;
  clear: both;
}

/*---------------------------------------------------------------


ギャラリー詳細


---------------------------------------------------------------*/
.single-gallery .wrapper, .single-sports .wrapper {
  margin: 50px 0;
}
.single-gallery .wrapper main article p, .single-sports .wrapper main article p {
  margin: 10px 0;
}
.single-gallery .wrapper main article p a, .single-sports .wrapper main article p a {
  display: inline-block;
  color: #0071BC;
  text-decoration: underline;
}
@media screen and (max-width: 768px) {
  .single-gallery .wrapper main article p, .single-sports .wrapper main article p {
    padding: 0 20px;
  }
}
.single-gallery .wrapper main article section, .single-sports .wrapper main article section {
  margin: 30px 0;
  border-top: 2px solid #D5DBDB;
  border-bottom: none;
}
.single-gallery .wrapper main article section h2, .single-sports .wrapper main article section h2 {
  font-size: 16px;
  font-weight: normal;
  margin: 30px 0;
}
.single-gallery .wrapper main article section h2:before, .single-sports .wrapper main article section h2:before {
  content: "\f002";
  font-family: FontAwesome;
  padding: 0 5px 0 0;
  font-size: 22px;
}
@media screen and (max-width: 768px) {
  .single-gallery .wrapper main article section ul, .single-sports .wrapper main article section ul {
    text-align: center;
  }
}
.single-gallery .wrapper main article section ul li, .single-sports .wrapper main article section ul li {
  background: none;
  width: auto;
  height: auto;
  border: none;
  margin: 10px 20px 10px 0;
  float: left;
}
@media screen and (max-width: 768px) {
  .single-gallery .wrapper main article section ul li, .single-sports .wrapper main article section ul li {
    float: none;
    display: inline-block;
  }
}
@media screen and (max-width: 400px) {
  .single-gallery .wrapper main article section ul li, .single-sports .wrapper main article section ul li {
    margin: 10px 0;
  }
}
.single-gallery .wrapper main article section ul li:nth-child(even), .single-sports .wrapper main article section ul li:nth-child(even) {
  float: left;
}
@media screen and (max-width: 768px) {
  .single-gallery .wrapper main article section ul li:nth-child(even), .single-sports .wrapper main article section ul li:nth-child(even) {
    float: none;
    display: inline-block;
  }
}
.single-gallery .wrapper main article section ul li:nth-child(4n), .single-sports .wrapper main article section ul li:nth-child(4n) {
  margin: 10px 0;
}
.single-gallery .wrapper main article section ul li figure, .single-sports .wrapper main article section ul li figure {
  width: 220px;
  height: 220px;
  overflow: hidden;
  position: relative;
  background: #fff;
  margin: 10px 0;
}
.single-gallery .wrapper main article section ul li figure img, .single-sports .wrapper main article section ul li figure img {
  width: 160%;
  height: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.single-gallery .wrapper main article section ul li p, .single-sports .wrapper main article section ul li p {
  text-align: right;
}
.single-gallery .wrapper main article section ul li a, .single-sports .wrapper main article section ul li a {
  display: inline-block;
  padding: 0;
  cursor: pointer;
  color: #383838;
}
.single-gallery .wrapper main article section ul:after, .single-sports .wrapper main article section ul:after {
  content: "";
  display: block;
  clear: both;
}
.single-gallery .wrapper main article section > p, .single-sports .wrapper main article section > p {
  margin: 30px 0;
}
.single-gallery .wrapper main article section .btn_l, .single-sports .wrapper main article section .btn_l {
  display: block;
  text-align: center;
}
.single-gallery .wrapper main article section .btn_l a, .single-sports .wrapper main article section .btn_l a {
  display: inline-block;
  color: #fff;
  border-radius: 50px;
  background: #CF000F;
  padding: 30px;
}
.single-gallery .wrapper main article section .btn_l a:after, .single-sports .wrapper main article section .btn_l a:after {
  content: "\f105";
  font-family: FontAwesome;
  padding: 0 0 0 60px;
}

/*---------------------------------------------------------------


パラスポーツとは


---------------------------------------------------------------*/
.para_top h1, .error404 h1, .search-results h1 {
  background: url(images/para_top/header_bg.jpg) no-repeat center center;
  background-size: cover;
  line-height: 1.5;
}
.para_top .wrapper, .error404 .wrapper, .search-results .wrapper {
  margin: 50px 0;
}
.para_top .wrapper section, .error404 .wrapper section, .search-results .wrapper section {
  border-bottom: none !important;
}
.para_top .wrapper section h2 a, .error404 .wrapper section h2 a, .search-results .wrapper section h2 a {
  color: #383838;
}
.para_top .wrapper section p, .error404 .wrapper section p, .search-results .wrapper section p {
  margin: 20px 0;
}

/*---------------------------------------------------------------


パラリンピックとは


---------------------------------------------------------------*/
.paralympic .wrapper {
  margin: 50px 0;
}
.paralympic .wrapper main section {
  line-height: 1.5;
}
.paralympic .wrapper main section:nth-of-type(2) {
  border-bottom: none !important;
}
.paralympic .wrapper main section p {
  padding: 20px 0;
}
.paralympic .wrapper main section img {
  margin: 30px 0;
}
.paralympic .wrapper main section ol li {
  list-style: decimal;
  list-style-position: inside;
  font-size: 20px;
  font-weight: bold;
}
.paralympic .wrapper main section ol li h3 {
  display: inline-block;
}
.paralympic .wrapper main section ol li p {
  font-weight: normal;
  font-size: 16px;
}
.paralympic .wrapper main section ol li div {
  margin: 20px 0;
}
.paralympic .wrapper main section ol li div span {
  display: block;
  font-size: 18px;
  color: #CF000F;
  text-decoration: underline;
}
.paralympic .wrapper main section ol li ul {
  margin: 20px 0;
}
.paralympic .wrapper main section ol li ul li {
  list-style-type: disc;
  font-weight: normal;
  font-size: 16px;
}
.paralympic .wrapper main section ol li small {
  font-weight: normal;
  font-size: 16px;
}
.paralympic .wrapper main section ol li small:before {
  content: "※";
}

/*---------------------------------------------------------------


公式組織＆競技団体


---------------------------------------------------------------*/
.organization .wrapper, .sitemap .wrapper {
  margin: 50px 0;
}
.organization .wrapper main section:nth-of-type(3), .sitemap .wrapper main section:nth-of-type(3) {
  border-bottom: none !important;
}
.organization .wrapper main section ul li, .sitemap .wrapper main section ul li {
  padding: 5px 0;
}
.organization .wrapper main section ul li:before, .sitemap .wrapper main section ul li:before {
  content: "\f105";
  font-family: FontAwesome;
  padding: 0 10px 0 0;
}
.organization .wrapper main section ul li a, .sitemap .wrapper main section ul li a {
  color: #0071BC;
  text-decoration: underline;
  display: inline;
  line-height: 1.7;
}
@media screen and (max-width: 768px) {
  .organization .wrapper main section ul li a, .sitemap .wrapper main section ul li a {
    font-size: 14px;
  }
}
.organization .wrapper main section ul li ul li, .sitemap .wrapper main section ul li ul li {
  font-size: 14px;
  padding: 0 0 0 20px;
}

/*---------------------------------------------------------------


パラリンピックの歴史


---------------------------------------------------------------*/
.london h1, .vancouver h1, .beijing h1, .torino h1, .athens h1 {
  background: url(images/london/header_bg.jpg) no-repeat center center;
  background-size: cover;
}
.london .wrapper, .vancouver .wrapper, .beijing .wrapper, .torino .wrapper, .athens .wrapper {
  margin: 50px 0;
}
.london .wrapper main section table.date, .vancouver .wrapper main section table.date, .beijing .wrapper main section table.date, .torino .wrapper main section table.date, .athens .wrapper main section table.date {
  font-size: 14px;
}
.london .wrapper main section table.date thead, .vancouver .wrapper main section table.date thead, .beijing .wrapper main section table.date thead, .torino .wrapper main section table.date thead, .athens .wrapper main section table.date thead {
  background: #BFC9CA;
}
.london .wrapper main section table.date th, .vancouver .wrapper main section table.date th, .beijing .wrapper main section table.date th, .torino .wrapper main section table.date th, .athens .wrapper main section table.date th {
  padding: 15px 10px !important;
  text-align: center;
  width: auto;
}
.london .wrapper main section table.date th.t_theme, .vancouver .wrapper main section table.date th.t_theme, .beijing .wrapper main section table.date th.t_theme, .torino .wrapper main section table.date th.t_theme, .athens .wrapper main section table.date th.t_theme {
  font-size: 18px;
}
.london .wrapper main section table.date tr td, .vancouver .wrapper main section table.date tr td, .beijing .wrapper main section table.date tr td, .torino .wrapper main section table.date tr td, .athens .wrapper main section table.date tr td {
  padding: 15px 10px !important;
  text-align: center;
  border-right: 1px solid #D5DBDB;
}
.london .wrapper main section table.date tr td span, .vancouver .wrapper main section table.date tr td span, .beijing .wrapper main section table.date tr td span, .torino .wrapper main section table.date tr td span, .athens .wrapper main section table.date tr td span {
  color: #fff;
  font-size: 16px;
  padding: 5px 4px 5px 5px;
  border-radius: 50%;
}
.london .wrapper main section table.date tr td.gold span, .vancouver .wrapper main section table.date tr td.gold span, .beijing .wrapper main section table.date tr td.gold span, .torino .wrapper main section table.date tr td.gold span, .athens .wrapper main section table.date tr td.gold span {
  background: #A18F17;
}
.london .wrapper main section table.date tr td.silver span, .vancouver .wrapper main section table.date tr td.silver span, .beijing .wrapper main section table.date tr td.silver span, .torino .wrapper main section table.date tr td.silver span, .athens .wrapper main section table.date tr td.silver span {
  background: #808080;
}
.london .wrapper main section table.date tr td.copper span, .vancouver .wrapper main section table.date tr td.copper span, .beijing .wrapper main section table.date tr td.copper span, .torino .wrapper main section table.date tr td.copper span, .athens .wrapper main section table.date tr td.copper span {
  background: #CA6924;
}
@media screen and (max-width: 768px) {
  .london .wrapper main section:nth-of-type(3) table.date, .vancouver .wrapper main section:nth-of-type(3) table.date, .beijing .wrapper main section:nth-of-type(3) table.date, .torino .wrapper main section:nth-of-type(3) table.date, .athens .wrapper main section:nth-of-type(3) table.date {
    display: block;
    position: relative;
    margin: 0 0 40px;
  }
  .london .wrapper main section:nth-of-type(3) table.date thead, .vancouver .wrapper main section:nth-of-type(3) table.date thead, .beijing .wrapper main section:nth-of-type(3) table.date thead, .torino .wrapper main section:nth-of-type(3) table.date thead, .athens .wrapper main section:nth-of-type(3) table.date thead {
    display: block;
    float: left;
    margin-top: 45px;
    position: relative;
  }
  .london .wrapper main section:nth-of-type(3) table.date thead .t_theme, .vancouver .wrapper main section:nth-of-type(3) table.date thead .t_theme, .beijing .wrapper main section:nth-of-type(3) table.date thead .t_theme, .torino .wrapper main section:nth-of-type(3) table.date thead .t_theme, .athens .wrapper main section:nth-of-type(3) table.date thead .t_theme {
    display: none;
  }
  .london .wrapper main section:nth-of-type(3) table.date thead tr:nth-of-type(1), .vancouver .wrapper main section:nth-of-type(3) table.date thead tr:nth-of-type(1), .beijing .wrapper main section:nth-of-type(3) table.date thead tr:nth-of-type(1), .torino .wrapper main section:nth-of-type(3) table.date thead tr:nth-of-type(1), .athens .wrapper main section:nth-of-type(3) table.date thead tr:nth-of-type(1) {
    margin-right: -5px;
  }
  .london .wrapper main section:nth-of-type(3) table.date thead th, .vancouver .wrapper main section:nth-of-type(3) table.date thead th, .beijing .wrapper main section:nth-of-type(3) table.date thead th, .torino .wrapper main section:nth-of-type(3) table.date thead th, .athens .wrapper main section:nth-of-type(3) table.date thead th {
    border-bottom: 1px solid #fff;
    background: #BFC9CA;
    font-weight: normal;
    color: #383838;
    border-right: 1px solid #fff;
  }
  .london .wrapper main section:nth-of-type(3) table.date thead th th:last-child, .vancouver .wrapper main section:nth-of-type(3) table.date thead th th:last-child, .beijing .wrapper main section:nth-of-type(3) table.date thead th th:last-child, .torino .wrapper main section:nth-of-type(3) table.date thead th th:last-child, .athens .wrapper main section:nth-of-type(3) table.date thead th th:last-child {
    border-bottom: none;
  }
  .london .wrapper main section:nth-of-type(3) table.date thead:before, .vancouver .wrapper main section:nth-of-type(3) table.date thead:before, .beijing .wrapper main section:nth-of-type(3) table.date thead:before, .torino .wrapper main section:nth-of-type(3) table.date thead:before, .athens .wrapper main section:nth-of-type(3) table.date thead:before {
    content: "競技／日程";
    color: #383838;
    background: #BFC9CA;
    padding: 16px 0;
    text-align: center;
    position: absolute;
    top: -45px;
    left: 0;
    font-size: 12px;
    width: 94px;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
  }
  .london .wrapper main section:nth-of-type(3) table.date tbody, .vancouver .wrapper main section:nth-of-type(3) table.date tbody, .beijing .wrapper main section:nth-of-type(3) table.date tbody, .torino .wrapper main section:nth-of-type(3) table.date tbody, .athens .wrapper main section:nth-of-type(3) table.date tbody {
    display: block;
    width: auto;
    position: relative;
    overflow-x: auto;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
  }
  .london .wrapper main section:nth-of-type(3) table.date tbody tr, .vancouver .wrapper main section:nth-of-type(3) table.date tbody tr, .beijing .wrapper main section:nth-of-type(3) table.date tbody tr, .torino .wrapper main section:nth-of-type(3) table.date tbody tr, .athens .wrapper main section:nth-of-type(3) table.date tbody tr {
    margin-right: -5px;
    min-width: 115px;
  }
  .london .wrapper main section:nth-of-type(3) table.date th, .london .wrapper main section:nth-of-type(3) table.date td, .vancouver .wrapper main section:nth-of-type(3) table.date th, .vancouver .wrapper main section:nth-of-type(3) table.date td, .beijing .wrapper main section:nth-of-type(3) table.date th, .beijing .wrapper main section:nth-of-type(3) table.date td, .torino .wrapper main section:nth-of-type(3) table.date th, .torino .wrapper main section:nth-of-type(3) table.date td, .athens .wrapper main section:nth-of-type(3) table.date th, .athens .wrapper main section:nth-of-type(3) table.date td {
    display: block;
    min-height: 45px;
  }
  .london .wrapper main section:nth-of-type(3) table.date th, .vancouver .wrapper main section:nth-of-type(3) table.date th, .beijing .wrapper main section:nth-of-type(3) table.date th, .torino .wrapper main section:nth-of-type(3) table.date th, .athens .wrapper main section:nth-of-type(3) table.date th {
    background: #BFC9CA;
    font-weight: normal;
    color: #383838;
    border-right: 1px solid #fff;
  }
  .london .wrapper main section:nth-of-type(3) table.date td, .vancouver .wrapper main section:nth-of-type(3) table.date td, .beijing .wrapper main section:nth-of-type(3) table.date td, .torino .wrapper main section:nth-of-type(3) table.date td, .athens .wrapper main section:nth-of-type(3) table.date td {
    border-bottom: 1px solid #D5DBDB;
  }
  .london .wrapper main section:nth-of-type(3) table.date tr, .vancouver .wrapper main section:nth-of-type(3) table.date tr, .beijing .wrapper main section:nth-of-type(3) table.date tr, .torino .wrapper main section:nth-of-type(3) table.date tr, .athens .wrapper main section:nth-of-type(3) table.date tr {
    display: inline-block;
    border-bottom: none;
  }
  .london .wrapper main section:nth-of-type(3) table.date tr td:last-child, .vancouver .wrapper main section:nth-of-type(3) table.date tr td:last-child, .beijing .wrapper main section:nth-of-type(3) table.date tr td:last-child, .torino .wrapper main section:nth-of-type(3) table.date tr td:last-child, .athens .wrapper main section:nth-of-type(3) table.date tr td:last-child {
    border-bottom: none;
  }
}
@media screen and (max-width: 768px) {
  .london .wrapper main section:nth-of-type(4) table.date, .vancouver .wrapper main section:nth-of-type(4) table.date, .beijing .wrapper main section:nth-of-type(4) table.date, .torino .wrapper main section:nth-of-type(4) table.date, .athens .wrapper main section:nth-of-type(4) table.date {
    display: block;
    width: 100%;
    margin: 0 0 40px;
  }
  .london .wrapper main section:nth-of-type(4) table.date thead, .vancouver .wrapper main section:nth-of-type(4) table.date thead, .beijing .wrapper main section:nth-of-type(4) table.date thead, .torino .wrapper main section:nth-of-type(4) table.date thead, .athens .wrapper main section:nth-of-type(4) table.date thead {
    display: block;
    float: left;
  }
  .london .wrapper main section:nth-of-type(4) table.date thead tr, .vancouver .wrapper main section:nth-of-type(4) table.date thead tr, .beijing .wrapper main section:nth-of-type(4) table.date thead tr, .torino .wrapper main section:nth-of-type(4) table.date thead tr, .athens .wrapper main section:nth-of-type(4) table.date thead tr {
    z-index: 100;
  }
  .london .wrapper main section:nth-of-type(4) table.date thead tr th:nth-of-type(2), .vancouver .wrapper main section:nth-of-type(4) table.date thead tr th:nth-of-type(2), .beijing .wrapper main section:nth-of-type(4) table.date thead tr th:nth-of-type(2), .torino .wrapper main section:nth-of-type(4) table.date thead tr th:nth-of-type(2), .athens .wrapper main section:nth-of-type(4) table.date thead tr th:nth-of-type(2) {
    min-height: 47px;
  }
  .london .wrapper main section:nth-of-type(4) table.date thead tr th, .vancouver .wrapper main section:nth-of-type(4) table.date thead tr th, .beijing .wrapper main section:nth-of-type(4) table.date thead tr th, .torino .wrapper main section:nth-of-type(4) table.date thead tr th, .athens .wrapper main section:nth-of-type(4) table.date thead tr th {
    background: #BFC9CA;
    font-weight: normal;
    color: #383838;
  }
  .london .wrapper main section:nth-of-type(4) table.date thead tr th:last-child, .vancouver .wrapper main section:nth-of-type(4) table.date thead tr th:last-child, .beijing .wrapper main section:nth-of-type(4) table.date thead tr th:last-child, .torino .wrapper main section:nth-of-type(4) table.date thead tr th:last-child, .athens .wrapper main section:nth-of-type(4) table.date thead tr th:last-child {
    border-bottom: none;
  }
  .london .wrapper main section:nth-of-type(4) table.date tbody, .vancouver .wrapper main section:nth-of-type(4) table.date tbody, .beijing .wrapper main section:nth-of-type(4) table.date tbody, .torino .wrapper main section:nth-of-type(4) table.date tbody, .athens .wrapper main section:nth-of-type(4) table.date tbody {
    display: block;
    width: auto;
    overflow-x: auto;
    white-space: nowrap;
  }
  .london .wrapper main section:nth-of-type(4) table.date th, .vancouver .wrapper main section:nth-of-type(4) table.date th, .beijing .wrapper main section:nth-of-type(4) table.date th, .torino .wrapper main section:nth-of-type(4) table.date th, .athens .wrapper main section:nth-of-type(4) table.date th {
    display: block;
    width: auto;
    min-height: 45px;
    border-bottom: 1px solid #fff;
  }
  .london .wrapper main section:nth-of-type(4) table.date tr, .vancouver .wrapper main section:nth-of-type(4) table.date tr, .beijing .wrapper main section:nth-of-type(4) table.date tr, .torino .wrapper main section:nth-of-type(4) table.date tr, .athens .wrapper main section:nth-of-type(4) table.date tr {
    display: inline-block;
    border-bottom: none;
    margin: 0 -3px;
  }
  .london .wrapper main section:nth-of-type(4) table.date tr td:last-child, .vancouver .wrapper main section:nth-of-type(4) table.date tr td:last-child, .beijing .wrapper main section:nth-of-type(4) table.date tr td:last-child, .torino .wrapper main section:nth-of-type(4) table.date tr td:last-child, .athens .wrapper main section:nth-of-type(4) table.date tr td:last-child {
    border-bottom: none;
  }
  .london .wrapper main section:nth-of-type(4) table.date td, .vancouver .wrapper main section:nth-of-type(4) table.date td, .beijing .wrapper main section:nth-of-type(4) table.date td, .torino .wrapper main section:nth-of-type(4) table.date td, .athens .wrapper main section:nth-of-type(4) table.date td {
    display: block;
    border-bottom: 1px solid #D5DBDB;
    min-height: 45px;
  }
}
.london .wrapper main small, .vancouver .wrapper main small, .beijing .wrapper main small, .torino .wrapper main small, .athens .wrapper main small {
  display: block;
  font-size: 16px;
  margin: 30px 0;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .london .wrapper main small, .vancouver .wrapper main small, .beijing .wrapper main small, .torino .wrapper main small, .athens .wrapper main small {
    padding: 0 10px;
  }
}
.london .wrapper main small:before, .vancouver .wrapper main small:before, .beijing .wrapper main small:before, .torino .wrapper main small:before, .athens .wrapper main small:before {
  content: "※";
  margin: 0 5px 0 0;
}

/*---------------------------------------------------------------


各競技紹介一覧


---------------------------------------------------------------*/
.sports h1 {
  background: url(images/para_top/header_bg.jpg) no-repeat center center;
  background-size: cover;
}
.sports .wrapper {
  margin: 50px 0;
}
.sports .wrapper article ul.archive li {
  width: 32%;
  margin: 0 5px 30px 0;
}
@media screen and (max-width: 768px) {
  .sports .wrapper article ul.archive li {
    width: 100%;
  }
}
.sports .wrapper article ul.archive li h3 {
  font-size: 18px;
}
.sports .wrapper article ul.archive li h3 span {
  display: block;
  padding: 0;
  margin: 10px 0;
}
.sports .wrapper article ul.archive li figure {
  width: 250px;
  height: 150px;
}
@media screen and (max-width: 768px) {
  .sports .wrapper article ul.archive li figure {
    width: auto;
    height: auto;
  }
}
.sports .wrapper article ul.archive li p {
  font-size: 14px;
}
.sports .wrapper article ul.archive li:nth-child(even) {
  float: none;
}
.sports .wrapper article ul.archive li:nth-of-type(3n) {
  margin: 0 0 30px;
}

.single-sports h1 {
  background: url(images/sports/header_bg.jpg) no-repeat center center;
  background-size: cover;
}
.single-sports h2 {
  color: #1A1A1A;
  font-size: 26px;
  font-weight: bold;
  margin: 0 0 30px;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .single-sports h2 {
    font-size: 24px;
  }
}
.single-sports p span {
  color: #CF000F;
}
.single-sports strong {
  font-weight: bold;
  font-size: 18px;
  display: block;
}

/*---------------------------------------------------------------


記事・コラム


---------------------------------------------------------------*/
.single-post h1, .column h1, .category h1, .post h1 {
  background: url(images/column/header_bg.jpg) no-repeat center center;
  background-size: cover;
}

.single-post .wrapper {
  margin: 50px 0;
}
.single-post .wrapper article section time {
  color: #B3B3B3;
  font-size: 16px;
  font-family: 'Montserrat', sans-serif;
  display: inline-block;
  border-right: 1px solid #B3B3B3;
  padding: 0 10px 0 0;
  margin: 0 0 20px;
}
.single-post .wrapper article section time:before {
  content: "\f017";
  font-family: FontAwesome;
  padding: 0 5px 0 0;
}
.single-post .wrapper article section .cat {
  margin: 0 0 20px;
  background: transparent;
}
.single-post .wrapper article section .cat a {
  display: inline-block;
  font-size: 16px;
  color: #808080;
  text-decoration: underline;
}
.single-post .wrapper article section .edit:after {
  content: "";
  display: block;
  clear: both;
}
.single-post .wrapper article section img {
  display: block;
  margin: 0 auto;
  width: auto;
  height: auto;
  max-width: 800px;
  max-height: 640px;
}
.single-post .wrapper article section img.horizontally_long {
  max-width: 800px;
}
.single-post .wrapper article section img.vertically_long, .single-post .wrapper article section img.square {
  max-width: 420px;
}
@media screen and (max-width: 768px) {
  .single-post .wrapper article section img {
    max-width: 100%;
    width: 100%;
    height: auto;
  }
}
.single-post .wrapper article section div .aligncenter, .single-post .wrapper article section div .alignnone {
  margin: 40px auto;
  width: auto !important;
}
.single-post .wrapper article section div .aligncenter.horizontally_long_outer, .single-post .wrapper article section div .alignnone.horizontally_long_outer {
  max-width: 800px !important;
}
.single-post .wrapper article section div .aligncenter.vertically_long_outer, .single-post .wrapper article section div .aligncenter.square_outer, .single-post .wrapper article section div .alignnone.vertically_long_outer, .single-post .wrapper article section div .alignnone.square_outer {
  max-width: 420px !important;
}
@media screen and (max-width: 768px) {
  .single-post .wrapper article section div .aligncenter, .single-post .wrapper article section div .alignnone {
    width: 100% !important;
    height: auto !important;
    clear: both;
  }
}
.single-post .wrapper article section div .aligncenter p.wp-caption-text, .single-post .wrapper article section div .alignnone p.wp-caption-text {
  width: auto !important;
  font-size: 13px;
  color: #666;
  padding: 10px 5px;
  text-align: center;
  background: #fff;
  margin: 0 0 60px;
}
@media screen and (max-width: 768px) {
  .single-post .wrapper article section div .aligncenter p.wp-caption-text, .single-post .wrapper article section div .alignnone p.wp-caption-text {
    text-align: left;
  }
}
.single-post .wrapper article section div .alignleft {
  float: left;
  width: 400px !important;
  margin: 0 20px 0 0;
}
@media screen and (max-width: 768px) {
  .single-post .wrapper article section div .alignleft {
    float: none;
    width: 100% !important;
    height: auto !important;
    margin: 0;
  }
}
.single-post .wrapper article section div .alignleft img {
  display: block;
  margin: 0 auto;
  width: 400px;
  height: auto;
}
@media screen and (max-width: 768px) {
  .single-post .wrapper article section div .alignleft img {
    width: 100% !important;
    height: auto !important;
  }
}
.single-post .wrapper article section div .alignleft p.wp-caption-text {
  background: #fff;
  font-size: 13px;
  color: #666;
  padding: 5px 10px;
  margin: 0;
}
.single-post .wrapper article section div .alignleft:after {
  content: "";
  display: block;
  clear: both;
}
.single-post .wrapper article section div .alignright {
  float: right;
  width: 400px !important;
  margin: 0 0 0 20px;
}
@media screen and (max-width: 768px) {
  .single-post .wrapper article section div .alignright {
    float: none;
    width: 100%;
    height: auto;
    margin: 0;
  }
}
.single-post .wrapper article section div .alignright img {
  display: block;
  margin: 0 auto;
  width: 400px;
  height: auto;
}
@media screen and (max-width: 768px) {
  .single-post .wrapper article section div .alignright img {
    width: 100%;
    height: auto;
  }
}
.single-post .wrapper article section div .alignright p.wp-caption-text {
  background: #fff;
  font-size: 13px;
  color: #666;
  padding: 5px 10px;
  margin: 0;
}
.single-post .wrapper article section div .alignright:after {
  content: "";
  display: block;
  clear: both;
}
.single-post .wrapper article section p {
  margin: 20px 0;
}
.single-post .wrapper article section p a {
  color: #0033cc;
  display: inline-block;
}
.single-post .wrapper article section div.links {
  border-top: 2px solid #D5DBDB;
  padding: 30px 0;
}
.single-post .wrapper article section div.links ul {
  background: none;
  border: none;
}
.single-post .wrapper article section div.links ul li {
  padding: 0 0 10px;
  border: none;
}
.single-post .wrapper article section div.links ul li a {
  padding: 0;
  display: table;
}
.single-post .wrapper article section div.links ul li a figure {
  width: 100px;
  height: 70px;
  overflow: hidden;
  display: table-cell;
}
.single-post .wrapper article section div.links ul li a figure img {
  width: 100%;
  height: auto;
}
.single-post .wrapper article section div.links ul li a p {
  display: inline;
  display: table-cell;
  margin: 0;
  vertical-align: middle;
  min-height: 70px;
  padding-left: 20px;
}
.single-post .wrapper article section div.links ul li a span.external:after {
  content: "\f08e";
  font-family: FontAwesome;
  display: inline-block;
}
.single-post .wrapper article section div.links ul li:after {
  display: block;
  clear: both;
  content: "";
}

.column .wrapper, .category .wrapper, .post .wrapper {
  margin: 50px 0;
}
.column .wrapper article section, .category .wrapper article section, .post .wrapper article section {
  border-bottom: none !important;
}
.column .wrapper article h2 ul, .category .wrapper article h2 ul, .post .wrapper article h2 ul {
  background: none;
  border: none;
  display: inline-block;
}
.column .wrapper article h2 ul li, .category .wrapper article h2 ul li, .post .wrapper article h2 ul li {
  display: inline-block;
  border-bottom: none;
}
.column .wrapper article h2 ul li a, .category .wrapper article h2 ul li a, .post .wrapper article h2 ul li a {
  display: inline-block;
  color: #383838;
  padding: 0;
}
.column .wrapper article ul, .category .wrapper article ul, .post .wrapper article ul {
  background: #fff;
  border: 1px solid #D5DBDB;
}
.column .wrapper article ul li, .category .wrapper article ul li, .post .wrapper article ul li {
  display: block;
  border-bottom: 1px solid #D5DBDB;
  position: relative;
}
.column .wrapper article ul li a, .category .wrapper article ul li a, .post .wrapper article ul li a {
  color: #4D4D4D;
  padding: 26px;
  display: block;
}
.column .wrapper article ul li a span.cat, .category .wrapper article ul li a span.cat, .post .wrapper article ul li a span.cat {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  font-size: 14px;
  color: #fff;
  padding: 6px 10px;
}
.column .wrapper article ul li a figure, .category .wrapper article ul li a figure, .post .wrapper article ul li a figure {
  width: 200px;
  height: 140px;
  position: relative;
  overflow: hidden;
  float: left;
}
.column .wrapper article ul li a figure img, .category .wrapper article ul li a figure img, .post .wrapper article ul li a figure img {
  width: 100%;
  height: auto;
  position: absolute;
}
@media screen and (max-width: 768px) {
  .column .wrapper article ul li a figure img, .category .wrapper article ul li a figure img, .post .wrapper article ul li a figure img {
    position: relative;
  }
}
@media screen and (max-width: 768px) {
  .column .wrapper article ul li a figure, .category .wrapper article ul li a figure, .post .wrapper article ul li a figure {
    width: 100%;
    height: auto;
    float: none;
    margin: 0 0 20px;
  }
}
.column .wrapper article ul li a > div, .category .wrapper article ul li a > div, .post .wrapper article ul li a > div {
  float: left;
  padding: 0 0 0 30px;
  width: 77%;
}
@media screen and (max-width: 768px) {
  .column .wrapper article ul li a > div, .category .wrapper article ul li a > div, .post .wrapper article ul li a > div {
    float: none;
    width: 100%;
    padding: 0;
  }
}
.column .wrapper article ul li a > div h3, .category .wrapper article ul li a > div h3, .post .wrapper article ul li a > div h3 {
  color: #383838;
  font-size: 18px;
  line-height: 1.5;
}
.column .wrapper article ul li a > div p, .category .wrapper article ul li a > div p, .post .wrapper article ul li a > div p {
  font-size: 14px;
  letter-spacing: 1px;
}
.column .wrapper article ul li a > div time, .category .wrapper article ul li a > div time, .post .wrapper article ul li a > div time {
  color: #B3B3B3;
  font-size: 14px;
  font-family: 'Montserrat', sans-serif;
  display: inline-block;
  padding: 20px 10px 0 0;
}
.column .wrapper article ul li a > div time:before, .category .wrapper article ul li a > div time:before, .post .wrapper article ul li a > div time:before {
  content: "\f017";
  font-family: FontAwesome;
  padding: 0 5px 0 0;
}
.column .wrapper article ul li a > div span, .category .wrapper article ul li a > div span, .post .wrapper article ul li a > div span {
  float: right;
  color: #CF000F;
  padding: 20px 0 0 0;
  font-family: 'Montserrat', sans-serif;
  font-size: 14px;
}
.column .wrapper article ul li a > div span:before, .category .wrapper article ul li a > div span:before, .post .wrapper article ul li a > div span:before {
  content: "\f104";
  font-family: FontAwesome;
  padding: 0 10px 0 0;
}
.column .wrapper article ul li a:after, .category .wrapper article ul li a:after, .post .wrapper article ul li a:after {
  display: block;
  clear: both;
  content: "";
}
.column .wrapper article ul li:last-child, .category .wrapper article ul li:last-child, .post .wrapper article ul li:last-child {
  border-bottom: none;
}

/*---------------------------------------------------------------

サンクス

---------------------------------------------------------------*/
.thanks h1 {
  background: url(images/contact/header_bg.png) no-repeat center center;
  background-size: cover;
}
.thanks section {
  border-bottom: none !important;
}

.sitemap h1 {
  background: url(images/contact/header_bg.png) no-repeat center center;
  background-size: cover;
}
.sitemap section {
  border-bottom: none !important;
}

.search-results article div {
  margin: 30px 0;
}
.search-results article div h2 a {
  pointer-events: auto !important;
}

/* projects ページのヘッダー画像 */
.page-id-35168 h1,
.page-slug-clients h1 {
  background: url(images/projects/header_bg.jpg) no-repeat center center;
  background-size: cover;
}

/* clients ページのヘッダー画像 */
.page-id-35169 h1,
.page-slug-clients h1 {
  background: url(images/clients/header_bg.jpg) no-repeat center center;
  background-size: cover;
}

/* services ページのヘッダー画像 */
.page-id-35144 h1,
.page-slug-services h1 {
  background: url(images/services/header_bg.jpg) no-repeat center center;
  background-size: cover;
}

/* exhibition ページのヘッダー画像 */
.page-id-35344 h1,
.page-slug-services h1 {
  background: url(images/exhibition/header_bg.jpg) no-repeat center center;
  background-size: cover;
}

/* advertising ページのヘッダー画像 */
.page-id-35379 h1,
.page-slug-services h1 {
  background: url(images/advertising/header_bg.jpg) no-repeat center center;
  background-size: cover;
}

/* mediaexposure ページのヘッダー画像 */
.page-id-35390 h1,
.page-slug-services h1 {
  background: url(images/mediaexposure/header_bg.jpg) no-repeat center center;
  background-size: cover;
}

/* donation ページのヘッダー画像 */
.page-id-7620 h1,
.page-slug-services h1 {
  background: url(images/donation/header_bg.jpg) no-repeat center center;
  background-size: cover;
}

/* para ページのヘッダー画像 */
.page-id-485 h1,
.page-slug-services h1 {
  background: url(images/donation/header_bg.jpg) no-repeat center center;
  background-size: cover;
}

/* venus ページのヘッダー画像 */
.page-id-490 h1,
.page-slug-services h1 {
  background: url(images/donation/header_bg.jpg) no-repeat center center;
  background-size: cover;
}


/* yadophoto ページのヘッダー画像 */
.page-id-36189 h1,
.page-slug-yadophoto h1 {
  background: url(images/yadophoto/header_bg.jpg) no-repeat center center;
  background-size: cover;
}


/* yadophoto_01 ページのヘッダー画像 */
.page-id-36387 h1,
.page-slug-yadophoto h1 {
  background: url(images/yadophoto/header_bg.jpg) no-repeat center center;
  background-size: cover;
}


/* yadophoto_02 ページのヘッダー画像 */
.page-id-36384 h1,
.page-slug-yadophoto h1 {
  background: url(images/yadophoto/header_bg.jpg) no-repeat center center;
  background-size: cover;
}


/* yadophoto_03 ページのヘッダー画像 */
.page-id-36389 h1,
.page-slug-yadophoto h1 {
  background: url(images/yadophoto/header_bg.jpg) no-repeat center center;
  background-size: cover;
}


/* yadophoto_faq ページのヘッダー画像 */
.page-id-36482 h1,
.page-slug-yadophoto h1 {
  background: url(images/yadophoto/header_bg.jpg) no-repeat center center;
  background-size: cover;
}


/* yadophoto_introduction ページのヘッダー画像 */
.page-id-36481 h1,
.page-slug-yadophoto h1 {
  background: url(images/yadophoto/header_bg.jpg) no-repeat center center;
  background-size: cover;
}

#main h2 {
  display: none !important;
}