/* RESET */
@media (max-width: 767px) {
  .heading.text-center h1:before,
  .heading.text-center h1:after {
    display: none;
  }
  .heading.text-center h1 {
    padding: 0 15px;
    font-size: 22px;
  }
  .header h2 {
    letter-spacing: 0;
    font-size: 22px;
  }
}
.header h2,
.header h3 {
  font-weight: bold;
}

.header-global .logo-store,
.header h2:before,
.header.h-2:before,
.header.h-3:before,
.header h2:after,
.header h3:after {
  display: none;
}


/* ARTICLE */
.section article p {
  line-height: 1.8;
  font-size: 15px;
}

#breadcrumbs,
.section-sns {
  display: none;
}








/* THEME */

.theme-photocon .section .badge,
.theme-photocon .bg-theme      { background-color: #154859 !important; color: #fff; }
/*.theme-photocon .bg-theme-light { background-color: #79b3c6 !important; } */
.theme-photocon .border-theme  { border-color: #154859 !important; }
.theme-photocon .text-theme    { color: #154859 !important; }
.theme-photocon .text-theme-dark,
.theme-photocon .section-index h4 { color: #00222e !important; }
.theme-photocon .font-theme,
.theme-photocon .heading a { color: #154859; }



/* HEADER */
.header-all  {
  height: 50px;
  min-height: 1px !important;
  margin: 0;
  background: url(/fileadmin/res/photocon/img/2017/bg-grandprix.png);
  background-repeat: no-repeat;
  background-size: 100% 50px;
}
@media (max-width: 767px) {
  .header-all  {
    height: 10vw;
    margin-bottom: 5vw;
  }
}
.header-all .border-theme {
  border-width: 0px;
}
.header-all .logos {
  display: none;
}
.header-global {
  min-height: 50px;
}
.header-theme {
  padding-bottom: 1em;
  text-align: left;
  font-family: serif;
}
.header-theme h2 {
  display: inline-flex;
  align-items: center;
  padding: .6em 1.5em;
  background-color: #154859;
  font-weight: bold;
  color:  #fff;
}
.header-theme h2 small {
  white-space: nowrap;
}



.nav-site {
  border-bottom: 1px solid #00222e;
  background-color: #154859;
}
.nav-site li {
  border-top: 1px solid #00222e;
}
.nav-site li.active a {
  background-color: #00222e;
  color: #fff;
}

.pagelevel-1 .nav-site > li.active:first-of-type > a,
.nav-site > li.dropdown.active > a {
  background-color: #ebebeb;
  color: #222;
}

.pagelevel-1 .nav-site > li.dropdown > a:after,
/* .pagelevel-1 .nav-site > li.active:nth-of-type(2) > a:after, */
.pagelevel-1 .nav-site > li.active:first-of-type > a:after {
  position: absolute;
  top: 8px;
  right: 8px;
  content: 'NEW';
  padding: 2px 3px;
  border-radius: 2px;
  background: #C62731;
  font-size: 10px;
  color: #fff;
}
@media (min-width: 768px) {
  .pagelevel-1 .nav-site > li.dropdown > a:after,
  /* .pagelevel-1 .nav-site > li.active:nth-of-type(2) > a:after, */
  .pagelevel-1 .nav-site > li.active:first-of-type > a:after,
  .nav-site > li.dropdown > a:after {
    top: -5px;
    right: -6px;
  }
  .header-site .logo {
    margin-top: 40px;
  }
}
.nav-site>li>a {
  padding: 12px 0px 12px 5px;
  color: #fff;
}
@media (max-width: 767px) {
  .header-site {
    margin-bottom: 0;
  }
  .header-site .logo {
    margin-top: -20px;
  }
  .nav-site>li>a {
    padding-right: 15px;
  }
}
.nav-site li .nav>li.active:after {
  position: absolute;
  top: 0;
  right: -15px;
  content: '';
  border: 18px solid transparent;
  border-right-width: 0;
  border-left: 15px solid #000;
}
.header-site .nav-site li .nav>li>a {
  line-height: 1.2;
  background-color: #00222e;
  color: #ffe097;
  font-size: 12px;
}
@media (min-width: 768px) {
  .header-site .nav-site li .nav>li>a {
    padding-left: 15px;
  }
}
.header-site .nav-site li .nav>li>a:hover {
  background-color: #000;
  text-decoration: underline;
  opacity: 1;
}
.header-site .nav-site li .nav>li>a small {
  display: block;
  color: #fff;
}
.header-site .nav-site li .nav>li.active>a {
  background-color: #000;
  font-weight: bold;
}


.row-wrapper .col-hero {
  padding-top: 20px;
}
@media (min-width: 768px) {
  .row-wrapper .col-hero {
    padding-top: 30px;
  }
}



.pagetitle {
  margin: 40px 50px 20px;
}
@media (max-width: 767px) {
  .pagetitle {
    margin: 40px 0 20px;
  }
}

.lead {
  padding: 0 20px;
  letter-spacing: 1px;
  text-align: left;
  font-family: serif;
  color: #154859;
}
.lead:first-letter {
  line-height: 1;
  vertical-align: baseline;
  font-size: 2.5em;
}
.heading h1,
.header h2,
.header h3 {
  font-family: serif;
}

.col-text {
  font-family: serif;
}

@media (min-width: 768px) {
  .col-text {
    padding: 0;
  }
}
@media (max-width: 767px) {
  .header h2 small {
    display: block;
    margin: 5px 0;
  }
}



.icon-entry:before,
.icon-photocon-archives:before {
  content: '\f08e';
}
.section .text-right > a {
  padding: 10px 20px;
  border: 1px solid #ccc;
}
.section .text-right > a:after {
  content: '\f08e';
  margin-left: 3px;
  font-family: 'icomoon';
}
.section .item-image .lightbox {
  display: inline-block;
  max-width: 100%;
  padding: 8px;
  border: 1px solid #79b3c6;
}
.section .items-news .dl-horizontal {
  padding-bottom: 10px;
}
.section .items-news .dl-horizontal dt {
  text-align: left;
}

.section .item-image a:hover img {
  opacity: 0.7;
}
.section .item-image img {
  max-height: 600px;
}
.section .items-stack .item-lead {
  display: none;
}
.section .items-stack .item-image img {
  max-height: 300px;
}
.items-pager {
  margin-top: 0;
  padding: 20px;
  border-top: 1px solid #ccc;
  background-color: #f3f3f3;
}

.modal-body .item-image:after,
.items .item-image:after,
.section .item-image a:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==) 0 0 repeat;
}

@media (max-width: 991px) {
  .items.items-pager>.item {
    width: 33%;
  }
}
@media (max-width: 767px) {
  .items.items-pager>.item {
    width: 48% !important;
  }
  .modal .modal-dialog {
    margin: 0;
    max-width: 100% !important;
  }
  .modal .modal-body {
    padding: 10px;
  }
}

/* ツリー内の末尾のページ */
#page-2024 .items-pager .item.n1 {
  float: left;
}



.section-smartcross img {
  width: 900px;
  max-width: 100%;
}

@media (min-width: 768px) {
  .section-smartcross figcaption.text- {
    text-align: center;
  }
}