@charset "utf-8";
/*
Theme Name: TEDxKobe 2019
Theme URI: https://tedxkobe.com/
Description: TEDxKobe
Author: IDIA.JP
Author URI: https://tedxkobe.com/
Version: 0.1
Tags: blog
License: GPL
License URI: http://www.gnu.org/licenses/gpl.html
Text Domain: tedxkobe2019
*/

/* 必須 */
.wp-caption {

}
.wp-caption-text {

}
.sticky {

}
.gallery-caption {

}
.bypostauthor {

}
.alignright {

}
.alignleft {

}
.aligncenter {

}
.screen-reader-text {

}

* {
  font-family: "Helvetica", sans-serif;
  line-height: 1.25;
}

/* 定義 */
:root {
  --color-white: #ffffff;
  --color-black: #000000;
  --color-red: #e62b1e;
  --color-snow: #eeeeee;
  --color-ash: #777777;
  --color-gray: #222222;
  --number-sm: 768px;
  --number-md: 768px;
  --number-lg: 992px;
  --number-xl: 1200px;
}
.bg-black {
  background: var(--color-black) !important;
}
.bg-red {
  background: var(--color-red) !important;
}
.bg-snow {
  background: var(--color-snow) !important;
}
.bg-gray {
  background: var(--color-gray) !important;
}
.bg-stripe-gray {
  background: repeating-linear-gradient(-30deg, #caa 0, #caa 5px, #aaa 5px, #aaa 10px);
}
.bg-stripe-snow {
  background: repeating-linear-gradient(-30deg, #eee 1px, #eee 1px, #fff 3px, #fff 10px);
}
.bg-gradient-snow {
  background: radial-gradient(#fff, #eee);
}
.text-black {
  color: var(--color-black) !important;
}
.text-red {
  color: var(--color-red) !important;
}
.text-underline {
  text-decoration: underline;
}

/* フォントサイズ */
.fs-1 {
  font-size: 0.6rem;
}
.fs-2 {
  font-size: 0.8rem;
}
.fs-3 {
  font-size: 1rem;
}
.fs-4 {
  font-size: 1.2rem;
}
.fs-5 {
  font-size: 1.4rem;
}

/* 共通：レイアウト */
header {
  background: var(--color-white);
  position: fixed;
  top: 0;
  z-index: 1;
}
@media screen and (min-width: 768px){
  header {
    border: none;
  }
}
main {
  background: var(--color-white);
  margin-top: 6rem;
}
@media screen and (min-width: 768px){
  main {
    margin-top: 8rem;
  }
}
aside {
  background: var(--color-white);
}
footer {
  background: var(--color-snow);
}

/* ヘッダー：ロゴ */
.logo img {
  width: auto;
  height: 6rem;
  transition-duration: 0.2s;
  margin: 0 1rem;
}

/* ヘッダー：ヘッダーメニュー */
ul#menu-header-menu {
  padding: 0;
  margin: 0;
  text-align: center;
  display: none;
}
ul#menu-header-menu li {
  list-style-type: none;
  width: 100%;
}
ul#menu-header-menu li a {
  display: block;
  text-decoration: none;
  padding: 0.5rem 1rem;
  background: var(--color-black);
  color: var(--color-white);
  transition-duration: 0.2s;
  line-height: 1rem;
}
ul#menu-header-menu li a:hover {
  background: var(--color-red);
}
@media screen and (min-width: 768px){
  ul#menu-header-menu {
    display: flex;
    justify-content: center;
    justify-content: space-around;
  }
}

/* ヘッダー：サポートメニュー */
ul#menu-support-menu {
  padding: 0;
  margin: 0;
  text-align: center;
  display: none;
  justify-content: center;
}
ul#menu-support-menu li {
  list-style-type: none;
  font-size: 0.9rem;
  line-height: 1rem;
}
ul#menu-support-menu li a {
  display: block;
  text-decoration: none;
  padding: 0.5rem 1rem;
  background: var(--color-snow);
  color: var(--color-black);
}
@media screen and (min-width: 768px){
  .menu-support-menu-container {
    position: absolute;
    top: 1rem;
    right: 1rem;
  }
  ul#menu-support-menu {
    display: flex;
  }
  ul#menu-support-menu li {
    margin-right: 1rem;
  }
  ul#menu-support-menu li:last-child {
    margin: 0;
  }
  ul#menu-support-menu li a {
    background: none;
    padding: 0;
  }
}

/* ヘッダー：展開ボタン */
.menu-toggle {
  position: absolute;
  top: 1.5rem;
  right: 1rem;
  width: 3rem;
  height: 3rem;
}
.menu-toggle img {
  transition-duration: 0.2s;
}




















/* 共通：見出し */
h1 {
  font-size: 1.5rem;
  text-align: center;
  font-weight: bold;
  margin: 0;
  padding: 0;
}
h1.h1-section::after {
  content: '';
  display: block;
  width: 300px;
  border-bottom: solid 2px var(--color-black);
  position: relative;
  left: calc(50% - 150px);
  padding-bottom: 1rem;
  margin-bottom: 3rem;
}
h1 div {
  font-size: 1rem;
  padding: 1rem;
  border-top: solid 1px #fff;
  margin: 1rem auto 0;
  width: 75%;
}
h2 {
  font-size: 1.4rem;
  margin-bottom: 2rem;
  padding: 1rem;
  color: var(--color-white);
  background: var(--color-black);
}
h3 {
  font-size: 1.3rem;
  margin-bottom: 1.5rem;
  background: var(--color-snow);
  padding: 0.3rem;
  color: var(--color-gray);
}
h4 {
  font-size: 1.2rem;
  margin-bottom: 1rem;
  font-weight: bold;
}
h5 {
  font-size: 1.1rem;
  margin-bottom: 1rem;
  font-weight: bold;
}
h6 {
  font-size: 1.0rem;
  margin-bottom: 1rem;
  font-weight: bold;
}

/* 共通：段落 */
p {
  line-height: 1.5;
}
/* 共通：強調 */
strong {
  background: rgba(255,255,0,0.5);
}
/* 共通：定義リスト */
dt + dd {
  margin-top: 0.5rem;
}

/* 共通：番号なしリスト */
ul li {
  line-height: 1.5;
}

/* 共通：テーブル */
table th {
  white-space: nowrap;
}

/* 共通：水平線 */
hr {
  margin: 6rem 0;
  border-top: dashed 1px var(--color-ash);
}

/* 共通：注意書き */
.note {
  color: var(--color-ash);
  font-size: 0.9rem;
}
.note::before {
  content: '※';
}

/* 共通：画像 */
img {
  width: 100%;
  height: auto;
}
.mw-360 {
  max-width: 360px;
  margin: 0 auto;
}
.mw-120 {
  max-width: 120px;
  margin: 0 auto;
}
.mw-36 {
  max-width: 36px;
  margin: 0 auto;
}



/* メイン */
main section {
  padding: 3rem 0;
}
@media screen and (min-width: 768px){
  main section {
    padding: 6rem 0;
  }
}
main section.bg-stripe-gray {
  padding: 3rem 0;
}
main section .layout-maxwidth {
  max-width: 1200px;
  padding: 0 3rem;
  margin: 0 auto;
}
main section .layout-fluid {
  padding: 0 3rem;
}

/* サイドバー */
.sidebar-search {
  padding: 1rem;
  position: relative;
}
.sidebar-search input[type="text"]{
  width: 100%;
  border: solid 1px var(--color-ash);
  padding: 0.5rem;
  border-radius: 0.5rem;
}
/* サイドバー */
.sidebar-search button {
  font-size: 1rem;
  position: absolute;
  top: 1.25rem;
  right: 1.25rem;
  background: none;
  border: none;
}

/* サイドバー：お問い合わせ */
.section-common-contact input[type="text"],
.section-common-contact input[type="email"],
.section-common-contact input[type="tel"] {
  width: 100%;
  border: solid 1px var(--color-ash);
  padding: 0.5rem;
  margin-bottom: 1rem;
  border-radius: 0.5rem;
}
.section-common-contact textarea {
  width: 100%;
  border: solid 1px var(--color-ash);
  padding: 0.5rem;
  margin-bottom: 1rem;
  border-radius: 0.5rem;
}
.section-common-contact input[type="submit"] {
  width: 100%;
  padding: 1rem;
  border: none;
  border-radius: 0.5rem;
}

/* フッター：コピーライト */
small {
  display: block;
  text-align: center;
  background: var(--color-black);
  color: var(--color-white);
  padding: 0.5rem 0.5rem 3.5rem;
  line-height: 1.5;
  text-align: right;
}

/* フッター：フッターメニュー */
ul#menu-footer-menu {
  padding: 1rem 0;
  margin: 0;
  text-align: center;
  display: flex;
  justify-content: center;
  font-size: 0.9rem;
  flex-wrap: wrap;
}
ul#menu-footer-menu li {
  list-style-type: none;
  padding: 0 0.5rem;
  white-space: nowrap;
}
ul#menu-footer-menu li a {
  color: var(--color-black);
}

/* フッター：上へ */
.totop {
  z-index: 100;
  position: fixed;
  bottom: 0;
  right: 0;
  text-align: center;
  width: 3rem;
  height: 3rem;
  background: rgba(255,255,255,0.9);
}

/* フッター：言語 */
.language {
  z-index: 100;
  position: fixed;
  bottom: 0;
  left: 0;
  text-align: center;
  width: 3rem;
  height: 3rem;
  background: rgba(255,255,255,0.9);
}

/* セクション：トップページ：トップ */
.section-home-top {

}

/* 共通：リンク */
.link-more a {
  display: block;
  width: 100%;
  margin: 0 auto;
  padding: 1rem;
  background: var(--color-red);
  color: var(--color-white);
  border-radius: 0.5rem;
  text-align: center;
  transition-duration: 0.2s;
  text-decoration: none;
  box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.25);
}
.link-more a:hover {
  background: var(--color-gray);
  filter: drop-shadow(0px 0px 10px rgba(0,0,0,0.2));
}

/* 共通：エリアに入ったら表示 */
.inview {
  opacity: 1;
  transition-duration: 1s;
}
.outview {
  opacity: 0;
  transition-duration: 0s;
}

/* 共通：パンくずリスト */
.breadcrumbs {
  text-align: right;
  padding: 1rem;
  background: linear-gradient(-270deg, var(--color-white), var(--color-snow));;
}
.breadcrumbs a {
  color: var(--color-black);
}

/* トップページ：スライド */
ul.slide-content li {
  display: none;
}
ul.slide-content li:nth-child(1) {
  display: block;
}
ul.slide-index li {
  margin: 0 0.5rem;
  color: var(--color-ash);
}
ul.slide-index li:nth-child(1) {
  color: var(--color-red);
}
ul.slide-index li:hover {
  cursor: pointer;
  color: var(--color-red);
}

/* 動画：フレーム */
.frame-movie {
  position: relative;
  width: auto;
  height: 56.25vw;
  max-width: 960px;
  max-height: 540px;
  overflow: hidden;
  margin: 0 auto;
}

.frame-movie iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

/* input */
input[type="submit"] {
  width: 100%;
  padding: 1rem;
  border: none;
  background-color: var(--color-red);
  color: var(--color-white);
  border-radius: 0.5rem;
  transition-duration: 0.2s;
}
input[type="submit"]:hover {
  background-color: var(--color-black);
}
table input[type="text"],
table input[type="tel"],
table input[type="email"],
table textarea {
  width: 100%;
}

/* pager */
.wp-pagenavi {
  text-align: center;
  padding: 0 0 5rem;
}
.wp-pagenavi a,
.wp-pagenavi span {
  padding: 1rem !important;
}

/* news */
.news {
  position: fixed;
  bottom: 0;
  right: 0;
  width: 100%;
  font-size: 0.8rem;
  z-index: 10;
  transition-duration: 0.6s;
  text-align: left;
  line-height: 1.5;
}
@media screen and (min-width: 768px){
  .news {
    text-align: center;
  }
}

/* SNS */
.at-share-btn-elements {
  margin: 3rem 0;
  text-align: center;
}

/* 余白調整 */
p + h2,
p + h3,
p + h4,
img + h2,
img + h3,
img + h4,
img + p,
img + div.ja,
.ja + .en,
table + h2,
table + h3,
ul + h2,
ul + h3,
ul + h4,
ol + h2,
ol + h3,
ol + h4,
dl + h2,
dl + h3,
dl + h4,
iframe + h2,
div + h2,
div + h3 {
  margin-top: 3rem;
}

/* 強調 */
.highlight {
  color: var(--color-red);
  font-weight: bold;
}

dd + dt {
  margin-top: 1rem;
}

/* 日本語／英語 */
body:not(.archive):not(.home) .layout-maxwidth {
  max-width: 820px;
  margin: 0 auto;
}

/* 非表示 */
.dp-none {
  display: none;
}

.grecaptcha-badge { visibility: hidden; }

/* 2023 Add */

.wline {
	margin: 10px 0;	
}
.wline th, .wline.td {
	padding: 5px;
	border-bottom: 1px solid #333;
}