@charset "UTF-8";
/*
*
* Copyright (c) 2016, Codia Inc. All rights reserved.
* Data : 2016.11.11
*
*/
/* Googleフォント　Noto Sans,Robot,Open Sans */
@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
@import url(https://fonts.googleapis.com/css?family=Open+Sans|Oswald|Roboto);
/* アイコンフォント　Font Awesome / Google Material Icons */
@import url(https://fonts.googleapis.com/icon?family=Material+Icons);
@import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.6.1/css/font-awesome.min.css);
/*****************************************************

 SCSS用

*****************************************************/
/* Color
----------------------------------------------------*/
/*****************************************************

 Layout

*****************************************************/
html {
  font-size: 10px;
}

body {
  position: relative;
  width: auto;
  height: auto;
  background: #FFF;
  z-index: 0;
  color: #333333;
  font-size: 1.4rem;
  font-family: "Roboto", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: normal;
  line-height: 1.65;
  letter-spacing: 0.5px;
}

.inner {
  position: relative;
  width: 72%;
  min-width: 1056px;
  margin: 0 auto;
  padding: 0 8px;
}

a {
  color: #643887;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}

/*****************************************************

 Template - Header

*****************************************************/
.global_header {
  position: relative;
  width: 100%;
  height: auto;
}
.global_header.bg_home {
  height: 600px;
}
.global_header .head_nav {
  position: absolute;
  top: 0;
  width: 100%;
  height: 32px;
  background: rgba(76, 6, 115, 0.9);
  z-index: 20;
}
.global_header .head_nav h2 {
  float: left;
  width: 144px;
  height: 16px;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}
.global_header .head_nav h2:hover {
  -webkit-opacity: 0.8;
  -moz-opacity: 0.8;
  -ms-opacity: 0.8;
  -o-opacity: 0.8;
  opacity: 0.8;
}
.global_header .head_nav h2 img {
  display: block;
}
.global_header .head_nav ul {
  float: right;
}
.global_header .head_nav ul li {
  display: inline-block;
}
.global_header .head_nav ul li:first-child {
  margin-right: 16px;
}
.global_header .head_nav ul li:first-child i {
  margin-right: 8px;
}
.global_header .head_nav ul li a {
  display: block;
  width: auto;
  height: 32px;
  color: #fff;
  font-size: 1.2rem;
  line-height: 32px;
  -webkit-transition: 0.1s;
  -moz-transition: 0.1s;
  -ms-transition: 0.1s;
  -o-transition: 0.1s;
  transition: 0.1s;
}
.global_header .head_nav ul li a i {
  padding: 0 4px 0 12px;
}
.global_header .head_nav ul li a:hover {
  text-decoration: none;
  -webkit-opacity: 0.7;
  -moz-opacity: 0.7;
  -ms-opacity: 0.7;
  -o-opacity: 0.7;
  opacity: 0.7;
}
.global_header .global_nav {
  position: absolute;
  top: 48px;
  left: 0;
  width: 100%;
  height: 48px;
  z-index: 20;
}
.global_header .global_nav h1 {
  float: left;
  width: 282px;
  height: 48px;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}
.global_header .global_nav h1:hover {
  -webkit-opacity: 0.8;
  -moz-opacity: 0.8;
  -ms-opacity: 0.8;
  -o-opacity: 0.8;
  opacity: 0.8;
}
.global_header .global_nav form {
  float: right;
  display: block;
  width: 256px;
  height: 40px;
  margin: 4px 0;
  padding: 0 4px 0 12px;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid #ddd;
  border-radius: 4px;
}
.global_header .global_nav form .search_input {
  float: left;
  width: 200px;
  height: 40px;
  background: none;
  border: none;
  color: #fff;
  font-size: 1.3rem;
}
.global_header .global_nav form .search_input::-webkit-input-placeholder {
  color: #ddd;
}
.global_header .global_nav form .search_input::-moz-input-placeholder {
  color: #ddd;
}
.global_header .global_nav form .search_input::-ms-input-placeholder {
  color: #ddd;
}
.global_header .global_nav form .search_submit {
  float: right;
  overflow: hidden;
  width: 32px;
  height: 38px;
  background-image: url(../images/common/icon_search.png);
  background-repeat: no-repeat;
  background-color: transparent;
  text-indent: -9999px;
  line-height: 40px;
  cursor: pointer;
}
.global_header .global_nav nav {
  float: right;
  padding-left: 24px;
}
.global_header .global_nav nav li {
  display: inline-block;
  padding-left: 16px;
}
.global_header .global_nav nav li.fixed_share {
  position: relative;
  display: none;
}
.global_header .global_nav nav li a {
  position: relative;
  display: block;
  color: #fff;
  font-family: 'Noto Sans Japanese', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: 400;
  line-height: 48px;
  -webkit-text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
  -moz-text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
  -ms-text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
  -o-text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
  cursor: pointer;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}
.global_header .global_nav nav li a i {
  padding-left: 4px;
}
.global_header .global_nav nav li a.gnav:hover {
  color: #ccc;
  text-decoration: none;
}
.global_header .global_nav nav li a.btn_active i {
  padding: 0 4px 0 0;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.global_header .global_nav nav li a.btn_active:after {
  content: '';
  position: absolute;
  bottom: -9px;
  left: 0;
  width: 100%;
  height: 13px;
  background: url(../images/common/bg_menu_active.png) no-repeat;
  background-position: center;
}
.global_header .global_nav nav li a.btn_active:after:hover {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  -ms-opacity: 1;
  -o-opacity: 1;
  opacity: 1;
}
.global_header .global_nav nav li a.share_active:after {
  content: '';
  position: absolute;
  top: 20px;
  right: -16px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 4px 8px 4px 0;
  border-color: transparent #ECE7F1 transparent transparent;
}
.global_header .global_nav nav li .menu_content {
  position: absolute;
  top: 56px;
  left: 0;
  right: 0;
  display: none;
  width: 1056px;
  height: auto;
  margin: auto;
  padding: 32px 40px;
  background: rgba(0, 0, 0, 0.8);
  border: 1px solid #ddd;
  border-radius: 8px;
  color: #ddd;
  z-index: -1;
}
.global_header .global_nav nav li .menu_content .menu_title {
  float: left;
  width: 15%;
  height: auto;
}
.global_header .global_nav nav li .menu_content .menu_title span {
  display: block;
  width: 100%;
  padding: 8px 0 16px;
  color: #C894E4;
  font-size: 1.8rem;
  font-family: 'Noto Sans Japanese', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: 500;
  letter-spacing: 2px;
}
.global_header .global_nav nav li .menu_content .menu_title .tab_menu {
  padding-bottom: 16px;
}
.global_header .global_nav nav li .menu_content .menu_title .tab_menu li {
  position: relative;
  display: block;
  line-height: 40px;
  padding: 0;
  color: #999;
  font-family: 'Noto Sans Japanese', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: 400;
  cursor: pointer;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}
.global_header .global_nav nav li .menu_content .menu_title .tab_menu li i {
  position: absolute;
  top: 0;
  right: 24px;
  line-height: 40px;
}
.global_header .global_nav nav li .menu_content .menu_title .tab_menu li.select, .global_header .global_nav nav li .menu_content .menu_title .tab_menu li:hover {
  color: #eee;
}
.global_header .global_nav nav li .menu_content .link_parent {
  width: 90%;
  height: 32px;
  padding-top: 16px;
  border-top: 1px dotted #999;
  color: #999;
  line-height: 32px;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}
.global_header .global_nav nav li .menu_content .link_parent:hover {
  color: #eee;
  text-decoration: none;
}
.global_header .global_nav nav li .menu_content .sub_menu {
  float: right;
  width: 85%;
  min-height: 216px;
  padding: 0 0 0 24px;
  border-left: 1px solid #bbb;
}
.global_header .global_nav nav li .menu_content .sub_menu li {
  display: block;
}
.global_header .global_nav nav li .menu_content .sub_menu li a {
  color: #eee;
  font-family: "Roboto", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  -webkit-text-shadow: none;
  -moz-text-shadow: none;
  -ms-text-shadow: none;
  -o-text-shadow: none;
  text-shadow: none;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}
.global_header .global_nav nav li .menu_content .sub_menu li a i {
  padding: 8px;
}
.global_header .global_nav nav li .menu_content .sub_menu li a:hover {
  text-decoration: none;
  -webkit-opacity: 0.8;
  -moz-opacity: 0.8;
  -ms-opacity: 0.8;
  -o-opacity: 0.8;
  opacity: 0.8;
}
.global_header .global_nav nav li .menu_content .sub_menu .tab_content {
  padding: 8px 0;
}
.global_header .global_nav nav li .menu_content .sub_menu .tab_content .post_list li {
  float: left;
  width: 200px;
  height: 192px;
  padding: 8px 16px;
}
.global_header .global_nav nav li .menu_content .sub_menu .tab_content .post_list li a {
  font-size: 1.2rem;
  line-height: 1.4;
}
.global_header .global_nav nav li .menu_content .sub_menu .tab_content .post_list li a figure {
  overflow: hidden;
  width: 168px;
  height: 104px;
  padding: 4px;
  background: url(../images/common/bg_navi_thumb.jpg) #eee no-repeat;
  background-position: 4px 4px;
}
.global_header .global_nav nav li .menu_content .sub_menu .tab_content .post_list li a figure img {
  display: block;
  width: 100%;
  height: auto;
  padding-bottom: 4px;
}
.global_header .global_nav nav li .menu_content .sub_menu .tab_content .post_list li a dl {
  display: block;
  padding: 8px 0;
}
.global_header .global_nav nav li .menu_content .sub_menu .tab_content .post_list li a dl dt {
  padding-bottom: 4px;
}
.global_header .global_nav nav li .menu_content .sub_menu .tab_content .post_list li a dl dd {
  color: #bbb;
}
.global_header .global_nav nav li .menu_content .sub_menu .tab_content .post_list li a span {
  display: block;
  padding: 8px 0;
}
.global_header .global_nav nav li .menu_content .sub_menu .tab_content .cat_list li {
  float: left;
  width: 160px;
  height: 144px;
  padding: 8px 8px;
}
.global_header .global_nav nav li .menu_content .sub_menu .tab_content .cat_list li a {
  font-size: 1.2rem;
  line-height: 1.4;
  letter-spacing: 0;
}
.global_header .global_nav nav li .menu_content .sub_menu .tab_content .cat_list li a figure {
  overflow: hidden;
  width: 144px;
  height: 88px;
  padding: 3px;
  background: url(../images/common/bg_navi_thumb.jpg) #eee no-repeat;
  background-position: 3px 3px;
  background-size: 138px 82px;
}
.global_header .global_nav nav li .menu_content .sub_menu .tab_content .cat_list li a figure img {
  display: block;
  width: 100%;
  height: auto;
  padding-bottom: 4px;
}
.global_header .global_nav nav li .menu_content .sub_menu .tab_content .cat_list li a span {
  display: block;
  padding: 8px 0;
}
.global_header .global_nav nav li .menu_content .sub_menu .tab_content .btn_list {
  padding: 0 25%;
}
.global_header .global_nav nav li .menu_content .sub_menu .tab_content .btn_list a {
  display: inline-block;
  width: 100%;
  height: 36px;
  padding: 0 24px;
  background: rgba(0, 0, 0, 0.6);
  border: 1px solid #ccc;
  border-radius: 2px;
  color: #ccc;
  font-size: 1.3rem;
  text-align: center;
  line-height: 34px;
  letter-spacing: 3px;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}
.global_header .global_nav nav li .menu_content .sub_menu .tab_content .btn_list a i {
  padding-right: 8px;
  font-size: 1.4rem;
}
.global_header .global_nav nav li .menu_content .sub_menu .tab_content .btn_list a:hover {
  border: 1px solid #fff;
  color: #fff;
  text-decoration: none;
}
.global_header .global_nav nav li .menu_content .disnon {
  display: none;
}
.global_header .global_nav nav li .share_content {
  position: absolute;
  top: 8px;
  right: -80px;
  display: none;
  width: 64px;
  height: 32px;
  padding: 0;
  margin-left: -100px;
  background: #ECE7F1;
  border-radius: 8px;
  /*z-index: -1;*/
  z-index: 1;
}
.global_header .global_nav nav li .share_content.lang_ja a {
  font-size: 1.4rem;
  display: block;
  width: 64px;
  cursor: pointer;
}
.global_header .global_nav nav li .share_content ul {
  width: 100%;
  text-align: center;
}
.global_header .global_nav nav li .share_content ul li {
  padding: 0;
}
.global_header .global_nav nav li .share_content ul li a {
  line-height: 32px;
  color: #666;
  font-size: 2.0rem;
  /*font-family: 'Oswald', sans-serif;*/
  -webkit-text-shadow: none;
  -moz-text-shadow: none;
  -ms-text-shadow: none;
  -o-text-shadow: none;
  text-shadow: none;
}
.global_header .global_nav nav li .share_content ul li a.share_facebook {
  color: #643887;
}
.global_header .global_nav nav li .share_content ul li a.share_facebook:hover {
  color: #005299;
}
.global_header .global_nav nav li .share_content ul li a.share_twitter {
  color: #643887;
}
.global_header .global_nav nav li .share_content ul li a.share_twitter:hover {
  color: #2987D4;
}
.global_header .global_nav nav li .share_content ul li a i {
  padding: 0 2px;
}
.global_header .global_nav nav li .share_content ul li a:hover {
  text-decoration: none;
}
.global_header .global_nav.nav_fixed {
  position: fixed;
  top: 0;
  background: rgba(76, 6, 115, 0.9);
  -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.4);
  -ms-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.4);
  -o-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.4);
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.4);
}
.global_header .global_nav.nav_fixed h1 {
  width: 234px;
  height: 40px;
  padding: 4px 0;
}
.global_header .global_nav.nav_fixed h1 img {
  width: 100%;
  height: auto;
}
.global_header .global_nav.nav_fixed nav {
  padding-left: 0;
  font-size: 0.92em;
}
.global_header .global_nav.nav_fixed nav .menu_content {
  position: absolute;
  /*left: auto;*/
}
.global_header .global_nav.nav_fixed nav .fixed_share {
  display: inline-block;
}
.global_header .global_nav.nav_fixed form {
  -webkit-transform: scale(0.9);
  -moz-transform: scale(0.9);
  -ms-transform: scale(0.9);
  -o-transform: scale(0.9);
  transform: scale(0.9);
}
.global_header .menu_course {
  position: absolute;
  top: 56px;
  left: 0;
  right: 0;
  display: none;
  width: 1056px;
  height: 400px;
  margin: auto;
  background: rgba(0, 0, 0, 0.8);
  border: 1px solid #ddd;
  border-radius: 8px;
  z-index: 15;
}
.global_header .cover_area {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 600px;
  z-index: 1;
}
.global_header .cover_area ul {
  position: relative;
}
.global_header .cover_area ul li {
  width: 100%;
  height: 600px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.global_header .cover_area ul li section {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 1040px;
  height: 216px;
  margin: auto;
  color: #fff;
  text-align: center;
  z-index: 5;
}
.global_header .cover_area ul li section h2 {
  padding: 24px 0;
  font-size: 3.6rem;
  font-family: 'Noto Sans Japanese', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: 500;
  line-height: 1.4;
  -webkit-text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
  -moz-text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
  -ms-text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
  -o-text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
}
.global_header .cover_area ul li section p {
  padding: 16px 0 48px;
  font-size: 1.6rem;
  font-family: 'Noto Sans Japanese', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: 500;
  line-height: 1.8;
  -webkit-text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
  -moz-text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
  -ms-text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
  -o-text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
}
.global_header .cover_area ul li section a {
  display: block;
  width: 232px;
  height: 48px;
  margin: auto;
  background: #643887;
  color: #fff;
  font-size: 1.8rem;
  text-align: center;
  line-height: 48px;
  -webkit-box-shadow: 0 4px 0 rgba(50, 28, 68, 0.9);
  -moz-box-shadow: 0 4px 0 rgba(50, 28, 68, 0.9);
  -ms-box-shadow: 0 4px 0 rgba(50, 28, 68, 0.9);
  -o-box-shadow: 0 4px 0 rgba(50, 28, 68, 0.9);
  box-shadow: 0 4px 0 rgba(50, 28, 68, 0.9);
}
.global_header .cover_area ul li section a i {
  padding-right: 8px;
}
.global_header .cover_area ul li section a:hover {
  text-decoration: none;
  -webkit-transform: translateY(2px);
  -moz-transform: translateY(2px);
  -ms-transform: translateY(2px);
  -o-transform: translateY(2px);
  transform: translateY(2px);
  -webkit-box-shadow: 0 2px 0 rgba(50, 28, 68, 0.9);
  -moz-box-shadow: 0 2px 0 rgba(50, 28, 68, 0.9);
  -ms-box-shadow: 0 2px 0 rgba(50, 28, 68, 0.9);
  -o-box-shadow: 0 2px 0 rgba(50, 28, 68, 0.9);
  box-shadow: 0 2px 0 rgba(50, 28, 68, 0.9);
}
.global_header .cover_area ul .cover_mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url(../images/common/bg_mask_dot.png);
  background-repeat: repeat;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1;
}
.global_header .cover_area ul .slick-arrow {
  position: absolute;
  display: block;
  overflow: hidden;
  width: 20px;
  height: 34px;
  background: url(../images/home/icon_cover_arrow.png) no-repeat;
  text-indent: -9999px;
  cursor: pointer;
  z-index: 10;
  -webkit-opacity: 0.7;
  -moz-opacity: 0.7;
  -ms-opacity: 0.7;
  -o-opacity: 0.7;
  opacity: 0.7;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
.global_header .cover_area ul .slick-arrow:hover {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  -ms-opacity: 1;
  -o-opacity: 1;
  opacity: 1;
}
.global_header .cover_area ul .slick-prev {
  top: 50%;
  left: 20px;
  margin-top: -17px;
  background-position: 0 0;
}
.global_header .cover_area ul .slick-next {
  top: 50%;
  right: 20px;
  margin-top: -17px;
  background-position: -20px 0;
}

/*****************************************************

 Template - Footer

*****************************************************/
.global_footer aside {
  width: 100%;
  height: auto;
  padding: 48px 0 40px;
  background: #444444;
}
.global_footer aside h2 {
  text-align: center;
}
.global_footer aside .footer_nav {
  width: 864px;
  height: auto;
  margin: auto;
  padding: 32px 0 40px;
}
.global_footer aside .footer_nav ul {
  float: left;
  width: 33%;
  height: auto;
}
.global_footer aside .footer_nav ul a {
  display: block;
  color: #F6F6F6;
  line-height: 2.2;
  -webkit-transition: 0.1s;
  -moz-transition: 0.1s;
  -ms-transition: 0.1s;
  -o-transition: 0.1s;
  transition: 0.1s;
}
.global_footer aside .footer_nav ul a i {
  padding-right: 8px;
}
.global_footer aside .footer_nav ul a:hover {
  color: #aaa;
  text-decoration: none;
}
.global_footer aside .footer_bnr {
  text-align: center;
}
.global_footer aside .footer_bnr a {
  display: inline-block;
  width: 248px;
  height: 56px;
  margin: 0 8px;
  border: 1px solid #CCCCCC;
  color: #fff;
  font-size: 1.5rem;
  font-family: 'Noto Sans Japanese', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: 500;
  line-height: 54px;
  letter-spacing: 2px;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.global_footer aside .footer_bnr a .footer_icon, .global_footer aside .footer_bnr a .icon_contact, .global_footer aside .footer_bnr a .icon_youtube {
  float: left;
  display: block;
  overflow: hidden;
  width: 78px;
  height: 54px;
  background: url(../images/common/icon_footer.png) no-repeat;
  border-right: 1px solid #CCCCCC;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.global_footer aside .footer_bnr a .icon_contact {
  background-position: -78px 0;
}
.global_footer aside .footer_bnr a .icon_youtube {
  background-position: 0 0;
}
.global_footer aside .footer_bnr a .txt {
  float: right;
  display: block;
  overflow: hidden;
  width: 166px;
  height: 54px;
  text-align: center;
}
.global_footer aside .footer_bnr a .txt span {
  display: block;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.global_footer aside .footer_bnr a .txt span.hover {
  color: #C894E4;
}
.global_footer aside .footer_bnr a:hover {
  border: 1px solid #C894E4;
}
.global_footer aside .footer_bnr a:hover .icon_contact {
  background-position: -78px -54px;
  border-right: 1px solid #C894E4;
}
.global_footer aside .footer_bnr a:hover .icon_youtube {
  background-position: 0 -54px;
  border-right: 1px solid #C894E4;
}
.global_footer aside .footer_bnr a:hover span {
  -webkit-transform: translateY(-54px);
  -moz-transform: translateY(-54px);
  -ms-transform: translateY(-54px);
  -o-transform: translateY(-54px);
  transform: translateY(-54px);
}
.global_footer .copyright {
  width: 100%;
  height: 48px;
  background: #333333;
  color: #F6F6F6;
  font-size: 1.3rem;
  text-align: center;
  line-height: 48px;
}

/*****************************************************

 Template - Sidebar

*****************************************************/
.side_nav {
  width: 232px;
  height: auto;
  background: url(../images/common/bg_dot.gif) #fff repeat;
  border: 2px solid #643887;
  padding: 4px 12px;
  -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);
  -ms-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);
  -o-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);
}
.side_nav aside {
  position: relative;
}
.side_nav aside .ttl_primary {
  width: 100%;
  height: 48px;
  padding: 0 0 0 12px;
  border-bottom: 1px solid #643887;
  color: #643887;
  font-size: 1.6rem;
  font-family: 'Noto Sans Japanese', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: 500;
  line-height: 46px;
}
.side_nav aside .ttl_secondary {
  width: 100%;
  height: 48px;
  padding: 0 0 0 12px;
  border-top: 1px solid #643887;
  border-bottom: 1px solid #643887;
  color: #643887;
  font-size: 1.6rem;
  font-family: 'Noto Sans Japanese', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: 500;
  line-height: 46px;
}
.side_nav aside ul {
  padding: 16px 0;
}
.side_nav aside ul a {
  display: block;
  width: 100%;
  height: auto;
  padding: 8px 4px 8px 12px;
  border-radius: 4px;
  color: #333;
  line-height: 1.4;
  -webkit-transition: 0.1s;
  -moz-transition: 0.1s;
  -ms-transition: 0.1s;
  -o-transition: 0.1s;
  transition: 0.1s;
}
.side_nav aside ul a i {
  float: left;
  display: block;
  width: 6%;
  /*padding-right: 8px;*/
}
.side_nav aside ul a span {
  float: right;
  display: block;
  width: 94%;
}
.side_nav aside ul a:hover {
  background: rgba(100, 56, 135, 0.9);
  color: #fff;
  text-decoration: none;
}
.side_nav aside ul a:after {
  content: "";
  display: table;
  clear: both;
}
.side_nav aside ul a.side_nav_active {
  color: #643887;
  font-weight: bold;
}
.side_nav aside ul a.side_nav_active:hover {
  background: none;
}
.side_nav aside ul.number_list a:before {
  content: attr(data-number);
  display: inline-block;
  padding-right: 4px;
  text-align: right;
}
.side_nav aside ul.number_list .side_nav_active {
  color: #643887;
  font-weight: bold;
}
.side_nav aside ul.number_list .side_nav_active:hover {
  background: none;
}
.side_nav aside ul.related_list {
  padding: 0;
}
.side_nav aside ul.related_list li {
  border-top: 1px solid #B3B3B3;
}
.side_nav aside ul.related_list li:first-child {
  border: none;
}
.side_nav aside ul.related_list li a {
  padding: 12px 0 12px 8px;
  border-radius: 0;
}
.side_nav aside ul.related_list li a figure {
  float: left;
  width: 80px;
  height: 60px;
  background: url(../images/common/bg_thumb_related.jpg) no-repeat;
}
.side_nav aside ul.related_list li a figure img {
  display: block;
}
.side_nav aside ul.related_list li a p {
  float: left;
  width: 112px;
  height: auto;
  padding-left: 8px;
  font-size: 1.3rem;
}
.side_nav aside .btn_list {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 24px;
  height: 48px;
  font-size: 1.6rem;
  text-align: center;
  line-height: 48px;
  -webkit-transiton: 0.1s;
  -moz-transiton: 0.1s;
  -ms-transiton: 0.1s;
  -o-transiton: 0.1s;
  transiton: 0.1s;
}
.side_nav aside .btn_list:hover {
  color: #b08ace;
}

/*****************************************************

 Page - Common

*****************************************************/
/* Link
----------------------------------------------------*/
a {
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}

/* Page Top
----------------------------------------------------*/
.pagetop {
  position: fixed;
  right: 32px;
  bottom: 24px;
  display: none;
  width: 48px;
  height: 48px;
  background: #C4C4C4;
  border-radius: 50%;
  color: #333;
  font-size: 3.0rem;
  text-align: center;
  line-height: 48px;
  cursor: pointer;
  -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.4);
  -ms-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.4);
  -o-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.4);
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.4);
  -webkit-transition: 0.1s;
  -moz-transition: 0.1s;
  -ms-transition: 0.1s;
  -o-transition: 0.1s;
  transition: 0.1s;
}
.pagetop:hover {
  background: #333;
  color: #C4C4C4;
}

/* Editボタン
----------------------------------------------------*/
.post-edit-link {
  position: fixed;
  right: 32px;
  bottom: 80px;
  width: 48px;
  height: 48px;
  background: #8b54b8;
  border-radius: 50%;
  color: #fff;
  font-size: 2.0rem;
  text-align: center;
  line-height: 48px;
  -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.4);
  -ms-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.4);
  -o-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.4);
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.4);
  -webkit-transition: 0.1s;
  -moz-transition: 0.1s;
  -ms-transition: 0.1s;
  -o-transition: 0.1s;
  transition: 0.1s;
}
.post-edit-link:hover {
  background: #643887;
  color: #fff;
}

/* Page Title
----------------------------------------------------*/
.page_ttl {
  position: relative;
  width: 100%;
  height: 400px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  z-index: 1;
}
.page_ttl h2 {
  width: 1056px;
  height: auto;
  margin: auto;
  color: #fff;
  font-family: 'Noto Sans Japanese', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: 500;
  text-align: center;
  line-height: 1.5;
  vertical-align: middle;
  -webkit-text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
  -moz-text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
  -ms-text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
  -o-text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
}
.page_ttl h2.one_stage {
  padding: 200px 8px 0;
  font-size: 3.6rem;
  letter-spacing: 4px;
}
.page_ttl h2.two_stage {
  /*padding: 160px 8px 0;*/
  padding: 176px 8px 0;
  font-size: 3.2rem;
  letter-spacing: 4px;
  line-height: 1.3;
}
.page_ttl h2 span {
  display: block;
  width: 720px;
  margin: auto;
  font-size: 1.8rem;
  letter-spacing: 2px;
  margin-top: 20px;
}
.page_ttl .ttl_mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 400px;
  background: url(../images/common/bg_ttl_mask.png) repeat-x;
  z-index: -1;
  background-size: contain;
}

/* Topic Path
----------------------------------------------------*/
.breadcrumb {
  width: 1056px;
  height: auto;
  margin: auto;
  padding: 12px 8px;
  color: #6c6c6c;
  font-size: 1.2rem;
  line-height: 1.5;
}
.breadcrumb a {
  color: #6c6c6c;
  text-decoration: underline;
}
.breadcrumb a:hover {
  text-decoration: none;
}
.breadcrumb a i {
  padding-right: 4px;
}
.breadcrumb span {
  padding: 0 2px;
}

/* Page Layout
----------------------------------------------------*/
.main_content {
  width: 100%;
  height: auto;
  background: url(../images/common/bg_line.gif) repeat;
}
.main_content .page_section {
  position: relative;
  width: 100%;
  height: auto;
  padding: 0 0 56px;
}
.main_content .page_section .main_column {
  float: right;
  width: 792px;
  height: auto;
}
.main_content .page_section .side_column {
  float: left;
  width: 264px;
  height: auto;
}

.archive_style {
  padding-bottom: 56px;
}
.archive_style h3 {
  font-family: 'Noto Sans Japanese', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: 500;
  font-size: 2rem;
  line-height: 1.5;
  letter-spacing: 1px;
}

.article_style {
  padding: 24px;
  background: #fff;
  border: 1px solid #6c6c6c;
  -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);
  -ms-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);
  -o-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);
}
.article_style h3 {
  padding-bottom: 16px;
  border-bottom: 1px solid #6c6c6c;
  font-family: 'Noto Sans Japanese', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: 500;
  font-size: 2rem;
  line-height: 1.5;
  letter-spacing: 1px;
}
.article_style .post_content {
  padding: 16px 0 0;
}
.article_style .post_content p {
  padding-bottom: 16px;
  line-height: 1.9;
  letter-spacing: 1px;
}
.article_style .post_content p:after {
  content: "";
  display: table;
  clear: both;
}
.article_style .post_content img {
  max-width: 100%;
  height: auto;
}
.article_style .post_content img.alignright {
  float: right;
  margin: 0 0 8px 16px;
}
.article_style .post_content img.alignleft {
  float: left;
  margin: 0 16px 8px 0;
}
.article_style p {
  padding-bottom: 16px;
  line-height: 1.9;
  letter-spacing: 1px;
}
.article_style p:after {
  content: "";
  display: table;
  clear: both;
}
.article_style img {
  max-width: 100%;
  height: auto;
}
.article_style img.alignright {
  float: right;
  margin: 0 0 8px 16px;
}
.article_style img.alignleft {
  float: left;
  margin: 0 16px 8px 0;
}

.meta_style {
  width: auto;
  height: auto;
  padding: 24px;
  background: #fff;
  border: 1px solid #6c6c6c;
  min-height: 94px;
  -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);
  -ms-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);
  -o-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);
}
.meta_style figure {
  float: left;
  display: block;
  overflow: hidden;
  width: 48px;
  height: 48px;
  margin-right: 16px;
  /*margin-bottom: 64px;*/
  background: #ccc;
  border-radius: 50%;
}
.meta_style figure img {
  display: block;
  width: 100%;
  height: auto;
}
.meta_style figure + h3 {
  margin-left: 64px;
}
.meta_style h3 {
  color: #333;
  font-weight: bold;
  line-height: 1.5;
}
.meta_style p, .meta_style time {
  color: #666;
}
.meta_style p br, .meta_style time br {
  display: none;
}
.meta_style a:hover {
  text-decoration: none;
}
.meta_style a:hover h3, .meta_style a:hover p {
  color: #999;
}
.meta_style .file_document {
  display: inline-block;
  padding: 12px 8px 0 0;
}
.meta_style .file_document a {
  display: block;
  padding: 16px 16px 12px 16px;
  background: #fff;
  border: 2px solid #ccc;
  border-radius: 4px;
  color: #666;
  font-size: 1.4rem;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}
.meta_style .file_document a img {
  display: inline-block;
  margin-right: 6px;
}
.meta_style .file_document a i {
  margin-right: 6px;
  font-size: 1.6rem;
}
.meta_style .file_document a span {
  font-size: 1.2rem;
  letter-spacing: 0;
}
.meta_style .file_document a:hover {
  border: 2px solid #643887;
  color: #643887;
}
.meta_style .file_document a:hover i {
  color: #643887;
}

.comment_style {
  padding: 24px;
  background: #fff;
  border: 1px solid #3A559F;
  -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);
  -ms-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);
  -o-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);
}
.comment_style h3 {
  padding-bottom: 16px;
  border-bottom: 1px solid #3A559F;
  font-family: 'Noto Sans Japanese', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: 500;
  color: #3A559F;
  font-size: 2rem;
  line-height: 1.5;
  letter-spacing: 1px;
}
.comment_style .post_content {
  padding: 16px 0 0;
}
.comment_style .post_content p {
  padding-bottom: 16px;
  line-height: 1.9;
  letter-spacing: 1px;
}

.search_style {
  padding-bottom: 32px;
}
.search_style h3 {
  padding-bottom: 8px;
  font-family: 'Noto Sans Japanese', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: 500;
  font-size: 2rem;
  line-height: 1.5;
  letter-spacing: 1px;
}
.search_style .form_area {
  display: block;
  padding: 28px 24px 20px;
  background: #ddd;
  /*border: 1px solid $main;
  @include css3(box-shadow,0 3px 3px rgba(#000,0.3));
  */
}
.search_style .form_area .search_input {
  float: left;
  width: 85%;
  height: 56px;
  padding: 0 16px;
  background: #fff;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-radius: 8px 0 0 8px;
  font-size: 1.6rem;
  letter-spacing: 1px;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}
.search_style .form_area .search_input:focus {
  border-top: 1px solid #999;
  border-bottom: 1px solid #999;
  border-left: 1px solid #999;
}
.search_style .form_area .search_submit {
  position: relative;
  float: right;
  width: 15%;
  height: 56px;
  background: url(../images/common/icon_search.png) #999 no-repeat;
  background-position: center;
  border-radius: 0 8px 8px 0;
  color: #fff;
  font-size: 1.6rem;
  text-indent: -9999px;
  cursor: pointer;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}
.search_style .form_area .search_submit:hover {
  background-color: #643887;
}
.search_style .form_area p {
  padding: 8px 0 0;
  font-size: 1.3rem;
}
.search_style .form_area p a {
  color: #643887;
}
.search_style .form_area p a:hover {
  text-decoration: underline;
}

/* Grid Layout
----------------------------------------------------*/
.container {
  position: relative;
  width: 1056px;
  margin: 0 auto;
}

.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 {
  float: left;
  height: auto;
  padding: 8px;
  /*&:after {
  	content: "";
  	display: table;
  	clear: both;
  }*/
}

.grid_12 {
  width: 1056px;
}

.grid_11 {
  width: 968px;
}

.grid_10 {
  width: 880px;
}

.grid_9 {
  width: 792px;
}

.grid_8 {
  width: 704px;
}

.grid_7 {
  width: 616px;
}

.grid_6 {
  width: 528px;
}

.grid_5 {
  width: 440px;
}

.grid_4 {
  width: 352px;
}

.grid_3 {
  width: 264px;
}

.grid_2 {
  width: 176px;
}

.grid_1 {
  width: 88px;
}

/* Card Style
----------------------------------------------------*/
.card {
  position: relative;
  display: block;
  background: #fff;
  color: #333;
  -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);
  -ms-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);
  -o-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);
  /*&:hover {
  	@include css3(opacity,0.8);
  	text-decoration: none;
  }*/
}
.card:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}
.card:hover {
  text-decoration: none;
  -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
  -ms-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
  -o-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
}
.card:hover:after {
  background: rgba(255, 255, 255, 0.2);
}
.card figure {
  position: relative;
  width: 100%;
  height: auto;
  background: url(../images/common/bg_thumb_card.jpg) no-repeat;
  background-position: center;
  z-index: -1;
}
.card figure img {
  display: block;
  width: 100%;
  height: auto;
}
.card figure.thumb_large {
  min-height: 239px;
}
.card figure.thumb_large:after {
  content: '';
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 100%;
  height: 40px;
  background: url(../images/common/bg_mask_large.png) no-repeat;
  background-position: bottom;
  z-index: 1000;
}
.card figure.thumb_small {
  min-height: 179px;
  z-index: -1;
}
.card figure.thumb_small:after {
  content: '';
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 100%;
  height: 32px;
  background: url(../images/common/bg_mask_small.png) no-repeat;
  background-position: bottom;
  z-index: 1000;
}
.card .thumb_small_mask {
  position: absolute;
  top: 147px;
  left: 0;
  width: 100%;
  height: 32px;
  background: url(../images/common/bg_mask_small.png) no-repeat;
  background-position: bottom;
  z-index: 1000;
}
.card.card_basic {
  height: 360px;
  outline: 1px solid #643887;
  z-index: 5;
}
.card.card_basic section {
  padding: 16px 24px;
}
.card.card_basic section h3 {
  font-size: 1.4rem;
  color: #643887;
  font-family: 'Noto Sans Japanese', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: 400;
}
.card.card_basic section p {
  font-size: 1.4rem;
  line-height: 1.5;
}
.card.card_basic section span {
  position: absolute;
  bottom: 0;
  left: 16px;
  display: block;
  width: 216px;
  height: 48px;
  border-top: 1px solid #643887;
  color: #643887;
  text-align: center;
  line-height: 46px;
}
.card.card_basic section span i {
  padding-right: 8px;
}
.card.card_basic .card_label {
  position: absolute;
  top: 8px;
  left: 8px;
  width: 56px;
  height: 56px;
  padding: 8px 0;
  background: rgba(100, 56, 135, 0.8);
  border-radius: 4px;
  color: #fff;
  font-size: 1.2rem;
  text-align: center;
  line-height: 16px;
}
.card.card_basic .card_label span {
  display: block;
  font-size: 2.4rem;
  font-weight: 600;
  line-height: 24px;
}
.card.card_courses {
  height: 360px;
  outline: 1px solid #00A198;
  z-index: 5;
}
.card.card_courses section {
  padding: 16px 24px;
}
.card.card_courses section h3 {
  font-size: 1.4rem;
  color: #00A198;
}
.card.card_courses section p {
  font-size: 1.4rem;
  line-height: 1.5;
}
.card.card_courses section span {
  position: absolute;
  bottom: 0;
  left: 16px;
  display: block;
  width: 216px;
  height: 48px;
  border-top: 1px solid #00A198;
  color: #00A198;
  text-align: center;
  line-height: 46px;
}
.card.card_courses section span i {
  padding-right: 8px;
}
.card.card_courses .card_label {
  position: absolute;
  top: 8px;
  left: 8px;
  width: 56px;
  height: 56px;
  padding: 8px 0;
  background: rgba(0, 161, 152, 0.8);
  border-radius: 4px;
  color: #fff;
  font-size: 1.2rem;
  text-align: center;
  line-height: 16px;
}
.card.card_courses .card_label span {
  display: block;
  font-size: 2.4rem;
  font-weight: 600;
  line-height: 24px;
}
.card.card_discovery {
  height: 360px;
  outline: 1px solid #FF6F00;
  z-index: 5;
}
.card.card_discovery section {
  padding: 16px 24px;
}
.card.card_discovery section h3 {
  font-size: 1.4rem;
}
.card.card_discovery section p {
  color: #FF6F00;
  font-size: 1.4rem;
  line-height: 1.5;
}
.card.card_discovery section span {
  position: absolute;
  bottom: 0;
  left: 16px;
  display: block;
  width: 216px;
  height: 48px;
  border-top: 1px solid #FF6F00;
  color: #FF6F00;
  text-align: center;
  line-height: 46px;
}
.card.card_discovery section span i {
  padding-right: 8px;
}
.card.card_discovery .card_label {
  position: absolute;
  top: 8px;
  left: 8px;
  width: 56px;
  height: 56px;
  padding: 8px 0;
  background: rgba(255, 111, 0, 0.8);
  border-radius: 4px;
  color: #fff;
  font-size: 1.2rem;
  text-align: center;
  line-height: 16px;
}
.card.card_discovery .card_label span {
  display: block;
  font-size: 2.4rem;
  font-weight: 600;
  line-height: 24px;
}
.card.card_recommend {
  height: 480px;
  outline: 1px solid #999;
  -webkit-transform: translateY(-56px);
  -moz-transform: translateY(-56px);
  -ms-transform: translateY(-56px);
  -o-transform: translateY(-56px);
  transform: translateY(-56px);
  z-index: 5;
}
.card.card_recommend section {
  padding: 0 16px;
  text-align: center;
}
.card.card_recommend section h3 {
  padding: 16px 0;
  font-family: 'Noto Sans Japanese', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: 600;
  font-size: 1.5rem;
}
.card.card_recommend section p {
  font-size: 1.3rem;
}
.card.card_recommend section span {
  position: absolute;
  bottom: 0;
  left: 16px;
  display: block;
  width: 304px;
  height: 56px;
  border-top: 1px solid #999999;
  color: #643887;
  text-align: center;
  line-height: 54px;
}
.card.card_recommend section span i {
  padding-right: 8px;
}

.card_label {
  position: absolute;
  top: 8px;
  left: 8px;
  width: 56px;
  height: 56px;
  padding: 8px 0;
  background: rgba(0, 161, 152, 0.8);
  border-radius: 4px;
  color: #fff;
  font-size: 1.2rem;
  text-align: center;
  line-height: 16px;
}
.card_label span {
  display: block;
  font-size: 2.4rem;
  font-weight: 600;
  line-height: 24px;
}

/*****************************************************

 Page - Home

*****************************************************/
.section_recommend {
  position: relative;
  width: 100%;
  height: auto;
  padding: 0;
  background: url(../images/common/bg_line.gif) #F0F0F0 repeat;
}
.section_recommend .grid_4:first-of-type .card_recommend {
  /*&::before {
  position: absolute;
  content: "PICK UP";
  top: 8px;
  left: 8px;
  width: 72px;
  height: 32px;
  line-height: 32px;
  background: rgba(0,0,0,0.5);
  color: #fff;
  font-size: 1.3rem;
  text-align: center;
  border-radius: 5px;
  }*/
}

.section_main {
  position: relative;
  width: 100%;
  height: 1052px;
  background: url(../images/common/bg_topics_en.gif);
  height: 1504px;
}
.section_main .main_column {
  float: right;
  width: 792px;
  height: auto;
}
.section_main .main_column .section_courses {
  position: relative;
  width: 100%;
  height: 528px;
  padding: 48px 0 56px;
  padding-top: 68px;
}
.section_main .main_column .section_courses ul {
  overflow: auto;
}
.section_main .main_column .section_courses ul li:nth-child(-n+6) a {
  margin-bottom: 72px;
}
.section_main .main_column .section_discovery {
  position: relative;
  width: 100%;
  height: 528px;
  padding: 48px 0 56px;
}
.section_main .side_column {
  float: left;
  width: 264px;
  height: auto;
}
.section_main .side_column.home_sidebar {
  padding: 48px 0;
  padding-top: 108px;
}

.section_news {
  position: relative;
  width: 100%;
  height: auto;
  padding: 56px 0;
  background: url(../images/common/bg_line.gif) #F0F0F0 repeat;
}
.section_news .news_list {
  display: block;
  width: 100%;
  height: auto;
  padding: 0 16px;
  background: #fff;
  border: 1px solid #6c6c6c;
  -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);
  -ms-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);
  -o-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);
}
.section_news .news_list li {
  border-top: 1px solid #aaa;
}
.section_news .news_list li:first-child {
  border-top: none;
}
.section_news .news_list li a {
  display: table;
  width: 100%;
  height: auto;
  padding: 20px 24px;
  color: #6c6c6c;
  -webkit-transition: 0.1s;
  -moz-transition: 0.1s;
  -ms-transition: 0.1s;
  -o-transition: 0.1s;
  transition: 0.1s;
}
.section_news .news_list li a:after {
  content: "";
  display: table;
  clear: both;
}
.section_news .news_list li a time {
  display: table-cell;
  width: 10%;
  font-weight: 600;
}
.section_news .news_list li a p {
  display: table-cell;
  width: 87%;
  line-height: 1.5;
}
.section_news .news_list li a i {
  display: table-cell;
  width: 3%;
  font-size: 1.8rem;
  text-align: right;
  vertical-align: middle;
}
.section_news .news_list li a:hover {
  text-decoration: none;
  color: #aaa;
}

.ttl_container {
  width: 100%;
  height: auto;
  padding: 0 8px;
}
.ttl_container .ttl_home, .ttl_container .ttl_courses, .ttl_container .ttl_discovery, .ttl_container .ttl_news {
  overflow: hidden;
  width: 100%;
  height: 40px;
  background: url(../images/home/bg_ttl.png) no-repeat;
  padding: 0 8px 24px 40px;
  font-size: 2.4rem;
  font-family: 'Noto Sans Japanese', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: 500;
  line-height: 40px;
  letter-spacing: 3px;
  position: relative;
  bottom: 16px;
}
.ttl_container .ttl_courses {
  background-position: 0 0;
  color: #00A198;
}
.ttl_container .ttl_discovery {
  background-position: 0 -40px;
  color: #FF6F00;
}
.ttl_container .ttl_news {
  background-position: 0 -80px;
  color: #6c6c6c;
}

.view_more {
  /*position: absolute;
  top: 56px; right: 8px;*/
  display: block;
  margin: auto;
  margin-top: 32px;
  width: 112px;
  height: 24px;
  width: 232px;
  height: 48px;
  background: #fff;
  font-size: 1.8rem;
  text-align: center;
  line-height: 48px;
  -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
  -ms-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
  -o-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
  -webkit-transition: 0.1s;
  -moz-transition: 0.1s;
  -ms-transition: 0.1s;
  -o-transition: 0.1s;
  transition: 0.1s;
}
.view_more.more_courses {
  border: 1px solid #00A198;
  color: #00A198;
  clear: both;
}
.view_more.more_discovery {
  border: 1px solid #FF6F00;
  color: #FF6F00;
}
.view_more:hover {
  color: #fff;
  text-decoration: none;
  -webkit-transform: translateY(1px);
  -moz-transform: translateY(1px);
  -ms-transform: translateY(1px);
  -o-transform: translateY(1px);
  transform: translateY(1px);
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
  -ms-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
  -o-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
}
.view_more:hover.more_courses {
  background: #00A198;
}
.view_more:hover.more_discovery {
  background: #FF6F00;
}
.view_more:hover.more_news {
  background: #6c6c6c;
}

.more_news {
  position: absolute;
  top: 8px;
  right: 8px;
  display: block;
  width: 112px;
  height: 24px;
  background: #fff;
  font-size: 1.3rem;
  text-align: center;
  line-height: 22px;
  -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
  -ms-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
  -o-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
  -webkit-transition: 0.1s;
  -moz-transition: 0.1s;
  -ms-transition: 0.1s;
  -o-transition: 0.1s;
  transition: 0.1s;
  border: 1px solid #6c6c6c;
  color: #6c6c6c;
}
.more_news:hover {
  color: #fff;
  background: #6c6c6c;
  text-decoration: none;
  -webkit-transform: translateY(1px);
  -moz-transform: translateY(1px);
  -ms-transform: translateY(1px);
  -o-transform: translateY(1px);
  transform: translateY(1px);
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
  -ms-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
  -o-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
}

.carousel {
  position: relative;
}
.carousel .slick-arrow {
  position: absolute;
  top: 50%;
  display: block;
  overflow: hidden;
  width: 32px;
  height: 32px;
  margin-top: -16px;
  background: url(../images/home/icon_carousel_arrow.png) no-repeat;
  text-indent: -9999px;
  cursor: pointer;
  z-index: 10;
}
.carousel .slick-arrow.slick-prev {
  left: -10px;
}
.carousel .slick-arrow.slick-next {
  right: -10px;
}
.carousel.carousel_courses:not(:last-of-type) {
  margin-bottom: 72px;
}
.carousel.carousel_courses .slick-prev {
  background-position: 0 0;
}
.carousel.carousel_courses .slick-prev:hover {
  background-position: -64px 0;
}
.carousel.carousel_courses .slick-next {
  background-position: -32px 0;
}
.carousel.carousel_courses .slick-next:hover {
  background-position: -96px 0;
}
.carousel.carousel_discovery .slick-prev {
  background-position: 0 -32px;
}
.carousel.carousel_discovery .slick-prev:hover {
  background-position: -64px -32px;
}
.carousel.carousel_discovery .slick-next {
  background-position: -32px -32px;
}
.carousel.carousel_discovery .slick-next:hover {
  background-position: -96px -32px;
}

/*****************************************************

 Page - Courses

*****************************************************/
/* Archive Page
----------------------------------------------------*/
.field_list a {
  position: relative;
  display: block;
  overflow: hidden;
  outline: 1px solid #643887;
  -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);
  -ms-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);
  -o-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);
}
.field_list a img {
  display: block;
  width: 100%;
  height: auto;
  -webkit-transition: 1s;
  -moz-transition: 1s;
  -ms-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
}
.field_list a span {
  position: absolute;
  bottom: 0;
  display: block;
  width: 100%;
  height: 42px;
  background: rgba(100, 56, 135, 0.8);
  color: #fff;
  font-family: 'Noto Sans Japanese', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: 500;
  font-size: 1.5rem;
  text-align: center;
  line-height: 42px;
  letter-spacing: 2px;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -ms-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
.field_list a:hover img {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
}
.field_list a:hover span {
  height: 160px;
  line-height: 160px;
}

.lect_list a {
  position: relative;
  display: block;
  overflow: hidden;
  background: #fff;
  outline: 1px solid #643887;
  -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);
  -ms-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);
  -o-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);
}
.lect_list a:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 248px;
  height: 120px;
  background: none;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}
.lect_list a figure {
  float: left;
  overflow: hidden;
  width: 120px;
  height: 120px;
  background: url(../images/common/bg_thumb_lect.jpg) no-repeat;
}
.lect_list a figure img {
  display: block;
  width: 100%;
  height: auto;
}
.lect_list a figure:after {
  content: '';
  position: absolute;
  top: 0;
  left: 96px;
  display: block;
  width: 24px;
  height: 120px;
  background: url(../images/courses/mask_lecturer.png) no-repeat;
}
.lect_list a dl {
  float: right;
  width: 120px;
  height: 120px;
  padding: 36px 0;
  vertical-align: middle;
  z-index: 10;
}
.lect_list a dl dt {
  color: #643887;
  font-size: 1.5rem;
  line-height: 24px;
}
.lect_list a dl dd {
  color: #6c6c6c;
  font-size: 1.3rem;
  line-height: 18px;
}
.lect_list a:hover:after {
  background: rgba(255, 255, 255, 0.3);
}

.btn_view_more {
  padding: 16px 0;
}
.btn_view_more a {
  display: block;
  width: 208px;
  height: 40px;
  background: #fff;
  margin: auto;
  border: 1px solid #643887;
  color: #643887;
  text-align: center;
  line-height: 40px;
  -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);
  -ms-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);
  -o-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}
.btn_view_more a:hover {
  background: #643887;
  color: #fff;
  text-decoration: none;
}

/* Outline Page
----------------------------------------------------*/
.post_profile {
  padding: 16px 0;
}
.post_profile figure {
  float: left;
  display: block;
  width: 162px;
  height: 162px;
  margin-top: 8px;
  border: 1px solid #ccc;
  background: url(../images/common/bg_thumb_profile.jpg) no-repeat;
}
.post_profile figure img {
  display: block;
  width: 100%;
  height: auto;
}
.post_profile dl {
  float: right;
  display: block;
  width: 544px;
  height: auto;
}
.post_profile dl dt {
  padding: 4px 0 8px;
  font-size: 2.4rem;
  letter-spacing: 2px;
}
.post_profile dl dt a {
  color: #643887;
}
.post_profile dl dt span {
  display: block;
  color: #666;
  font-size: 1.2rem;
  letter-spacing: 0;
}

.post_profile_compact {
  padding: 16px 0;
}
.post_profile_compact figure {
  float: left;
  display: block;
  overflow: hidden;
  width: 80px;
  height: 80px;
  margin-right: 16px;
  background: #ccc;
  border-radius: 50%;
}
.post_profile_compact figure img {
  display: block;
  width: 100%;
  height: auto;
}
.post_profile_compact h4 {
  padding: 12px 0 4px;
  font-size: 1.8rem;
}
.post_profile_compact p {
  font-size: 1.3rem;
}

.btn_start {
  padding: 32px 0 16px;
}
.btn_start a {
  display: block;
  width: 360px;
  height: 48px;
  background: #643887;
  margin: auto;
  border: 1px solid #643887;
  color: #fff;
  font-size: 1.6rem;
  font-family: 'Noto Sans Japanese', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: 500;
  text-align: center;
  letter-spacing: 4px;
  line-height: 46px;
  -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);
  -ms-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);
  -o-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}
.btn_start a:hover {
  background: #fff;
  color: #643887;
  text-decoration: none;
}
.btn_start a i {
  padding-right: 8px;
}

/* Player Page
----------------------------------------------------*/
.bg_navi {
  position: relative;
  width: 100%;
  height: 120px;
  background: url(../images/courses/ttl_home03.jpg) no-repeat;
  background-position: center;
  background-size: cover;
  z-index: 1;
}
.bg_navi .bg_mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 120px;
  background: url(../images/common/bg_ttl_mask.png) repeat-x;
  z-index: -1;
}

.movie_area {
  width: 100%;
  height: 552px;
  padding: 24px 0;
  background: #333;
}
.movie_area .player {
  position: relative;
  width: 896px;
  height: 504px;
  margin: auto;
}
.movie_area .player .player_mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.65);
  -webkit-transition: 2s;
  -moz-transition: 2s;
  -ms-transition: 2s;
  -o-transition: 2s;
  transition: 2s;
}
.movie_area .player .player_mask i {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  width: 120px;
  height: 120px;
  margin: auto;
  color: #aaa;
  font-size: 120px;
  cursor: pointer;
}
.movie_area .player .player_mask i:hover {
  color: #fff;
}
.movie_area .player .player_mask.player_active {
  -webkit-transform: rotate(540deg) scale(0);
  -moz-transform: rotate(540deg) scale(0);
  -ms-transform: rotate(540deg) scale(0);
  -o-transform: rotate(540deg) scale(0);
  transform: rotate(540deg) scale(0);
  -webkit-opacity: 0;
  -moz-opacity: 0;
  -ms-opacity: 0;
  -o-opacity: 0;
  opacity: 0;
}
.movie_area .movie_arrow {
  position: absolute;
  display: block;
  overflow: hidden;
  width: 24px;
  height: 40px;
  background: url(../images/courses/icon_movie_arrow.png) no-repeat;
  text-indent: -9999px;
  cursor: pointer;
  z-index: 10;
  -webkit-opacity: 0.7;
  -moz-opacity: 0.7;
  -ms-opacity: 0.7;
  -o-opacity: 0.7;
  opacity: 0.7;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
.movie_area .movie_arrow:hover {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  -ms-opacity: 1;
  -o-opacity: 1;
  opacity: 1;
}
.movie_area .movie_prev {
  top: 50%;
  left: -52px;
  margin-top: -20px;
  background-position: 0 0;
}
.movie_area .movie_next {
  top: 50%;
  right: -52px;
  margin-top: -20px;
  background-position: -24px 0;
}

.movie_header {
  width: 100%;
  height: 120px;
  background: #1a1a1a;
}
.movie_header > div {
  width: 1058px;
  height: auto;
  margin: auto;
}
.movie_header > div h2 {
  display: table-cell;
  width: 100%;
  height: 104px;
  color: #e6e6e6;
  font-size: 1.4rem;
  font-family: 'Noto Sans Japanese', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: 500;
  vertical-align: middle;
}
.movie_header > div h2 span {
  display: block;
  color: #fff;
  font-size: 2.2rem;
  line-height: 1.4;
  /*&:before {
  	content:attr(data-number);
  	display: inline-block;
  	padding-right: 8px;
  }*/
}
.movie_header > div .chapter_list {
  position: relative;
  float: right;
  display: block;
  width: 200px;
  height: 40px;
  padding: 32px 0;
}
.movie_header > div .chapter_list select {
  position: relative;
  width: 100%;
  height: 40px;
  padding: 0 8px;
  background: #333;
  border: 1px solid #666;
  color: #bbb;
  cursor: pointer;
  webkit-appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}
.movie_header > div .chapter_list select::-ms-expand {
  display: none;
}
.movie_header > div .movie_share {
  position: relative;
  float: right;
  padding: 32px 0 32px 16px;
}
.movie_header > div .movie_share a.btn_movie_share {
  display: block;
  width: 40px;
  height: 40px;
  border: 2px solid #aaa;
  border-radius: 50%;
  color: #aaa;
  text-align: center;
  cursor: pointer;
}
.movie_header > div .movie_share a.btn_movie_share i {
  padding: 9px 0;
  font-size: 20px;
}
.movie_header > div .movie_share a.btn_movie_share.movie_share_active:after {
  content: '';
  position: absolute;
  top: 18px;
  right: -16px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 48px 8px 0;
  border-color: transparent #bbb transparent transparent;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.movie_header > div .movie_share .movie_share_content {
  position: absolute;
  top: -16px;
  left: 0px;
  display: none;
  width: 176px;
  height: 40px;
  padding: 0 16px;
  background: #bbb;
  border-radius: 8px;
}
.movie_header > div .movie_share .movie_share_content a {
  display: inline-block;
  padding: 0 8px;
  color: #1a1a1a;
  font-size: 1.3rem;
  font-family: 'Oswald', sans-serif;
  line-height: 38px;
  -webkit-text-shadow: none;
  -moz-text-shadow: none;
  -ms-text-shadow: none;
  -o-text-shadow: none;
  text-shadow: none;
}
.movie_header > div .movie_share .movie_share_content a.share_facebook:hover {
  color: #005299;
}
.movie_header > div .movie_share .movie_share_content a.share_twitter:hover {
  color: #2987D4;
}
.movie_header > div .movie_share .movie_share_content a i {
  padding-right: 4px;
  font-size: 1.5rem;
}
.movie_header > div .movie_share .movie_share_content a:hover {
  text-decoration: none;
}

/*****************************************************

 Page - discovery

*****************************************************/
/* Outline Page
----------------------------------------------------*/
.list_style {
  position: relative;
  display: block;
  overflow: hidden;
  padding: 24px;
  background: #fff;
  border: 1px solid #643887;
  -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);
  -ms-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);
  -o-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);
}
.list_style:before {
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 16px 16px;
  border-color: transparent transparent #643887 transparent;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.list_style:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.list_style h3 {
  padding-bottom: 16px;
  border-bottom: 1px solid #643887;
  color: #643887;
  font-family: 'Noto Sans Japanese', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: 500;
  font-size: 1.8rem;
  line-height: 1.5;
  letter-spacing: 1px;
}
.list_style h3 span {
  display: block;
  font-size: 1.4rem;
}
.list_style h3 i {
  padding-right: 4px;
}
.list_style .post_author {
  padding: 16px 0 0;
}
.list_style .post_author figure {
  float: right;
  display: block;
  overflow: hidden;
  width: 162px;
  height: 162px;
  background: url(../images/common/bg_thumb_profile.jpg) no-repeat;
  border: 1px solid #ccc;
}
.list_style .post_author figure img {
  display: block;
  width: 100%;
  height: auto;
}
.list_style .post_author p {
  float: left;
  display: block;
  padding-bottom: 16px;
  width: 552px;
  height: auto;
  color: #333;
}
.list_style .post_author dl {
  float: left;
}
.list_style .post_author dl dt {
  display: inline-block;
  padding-right: 8px;
  color: #333;
  font-size: 1.8rem;
  letter-spacing: 2px;
}
.list_style .post_author dl dd {
  display: inline-block;
  color: #6c6c6c;
}
.list_style:hover {
  text-decoration: none;
  -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
  -ms-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
  -o-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
}
.list_style:hover:after {
  background: rgba(100, 56, 135, 0.1);
}

/* Article Page
----------------------------------------------------*/
.related_style {
  padding: 24px;
  background: #fff;
  border: 1px solid #6c6c6c;
  -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);
  -ms-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);
  -o-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);
}
.related_style h3 {
  padding-bottom: 16px;
  border-bottom: 1px solid #6c6c6c;
  font-family: 'Noto Sans Japanese', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: 500;
  font-size: 2rem;
  line-height: 1.5;
  letter-spacing: 1px;
}
.related_style li {
  border-bottom: 1px solid #6c6c6c;
}
.related_style li:last-child {
  border-bottom: none;
}
.related_style li .related_article {
  position: relative;
  display: block;
  padding: 16px 0;
}
.related_style li .related_article figure {
  float: left;
  display: block;
  overflow: hidden;
  width: 130px;
  height: 130px;
  background: url(../images/common/bg_thumb_profile.jpg) no-repeat;
  background-size: cover;
  border: 1px solid #ccc;
}
.related_style li .related_article figure img {
  display: block;
  width: 100%;
  height: auto;
}
.related_style li .related_article h4 {
  padding-bottom: 16px;
  color: #643887;
  font-family: 'Noto Sans Japanese', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: 500;
  font-size: 1.8rem;
}
.related_style li .related_article h4 i {
  padding-right: 8px;
}
.related_style li .related_article p {
  float: right;
  display: block;
  padding-bottom: 12px;
  width: 572px;
  height: auto;
  color: #333;
}
.related_style li .related_article dl {
  float: right;
  display: block;
  width: 572px;
  height: auto;
}
.related_style li .related_article dl dt {
  display: inline-block;
  padding-right: 8px;
  color: #333;
  font-size: 1.6rem;
  letter-spacing: 2px;
}
.related_style li .related_article dl dd {
  display: inline-block;
  color: #6c6c6c;
  font-size: 1.3rem;
}
.related_style li .related_article:hover {
  text-decoration: none;
}
.related_style li .related_article:hover h4 {
  color: #8b54b8;
  text-decoration: underline;
}
.related_style li .related_article:hover p, .related_style li .related_article:hover dt, .related_style li .related_article:hover dd {
  color: #666;
}

/*****************************************************

 Page - News

*****************************************************/
.news_style {
  position: relative;
  display: block;
  padding: 24px;
  background: #fff;
  border: 1px solid #6c6c6c;
  -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);
  -ms-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);
  -o-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);
}
.news_style h3 {
  padding-bottom: 16px;
  border-bottom: 1px solid #6c6c6c;
  color: #643887;
  font-family: 'Noto Sans Japanese', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: 500;
  font-size: 1.8rem;
  line-height: 1.5;
  letter-spacing: 1px;
}
.news_style h3 i {
  padding-right: 8px;
}
.news_style .news_archive_content {
  padding: 16px 0 0;
}
.news_style .news_archive_content time {
  display: block;
  color: #666;
  font-weight: 800;
}
.news_style .news_archive_content time i {
  padding-right: 8px;
}
.news_style .news_archive_content p {
  color: #333;
  padding-bottom: 8px;
}
.news_style .news_post_content {
  padding: 16px 0 0;
}
.news_style .news_post_content time {
  display: block;
  padding: 16px 0 0;
  margin-top: 8px;
  border-top: 1px solid #6c6c6c;
  color: #666;
  font-weight: 800;
}
.news_style .news_post_content time i {
  padding-right: 8px;
}
.news_style .news_post_content p {
  color: #333;
  padding-bottom: 16px;
  line-height: 1.8;
}
.news_style .news_post_content .wp-caption-text {
  padding-bottom: 20px;
}
.news_style .news_post_content img {
  max-width: 100%;
  height: auto;
}

a.news_style:before, a.news_style:after {
  content: '';
  position: absolute;
  width: 2px;
  height: 0;
  background: #643887;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
a.news_style:before {
  bottom: 0;
  left: 0;
}
a.news_style:after {
  top: 0;
  right: 0;
}
a.news_style span:before, a.news_style span:after {
  content: '';
  position: absolute;
  width: 0;
  height: 2px;
  background: #643887;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
a.news_style span:before {
  top: 0;
  left: 0;
}
a.news_style span:after {
  bottom: 0;
  right: 0;
}
a.news_style:hover {
  text-decoration: none;
}
a.news_style:hover span:before, a.news_style:hover span:after {
  width: 100%;
}
a.news_style:hover:before, a.news_style:hover:after {
  height: 100%;
}

.btn_return {
  padding: 32px 0 16px;
}
.btn_return a {
  display: block;
  width: 208px;
  height: 40px;
  background: #fff;
  margin: auto;
  border: 1px solid #643887;
  color: #643887;
  text-align: center;
  line-height: 40px;
  -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);
  -ms-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);
  -o-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}
.btn_return a:hover {
  background: #643887;
  color: #fff;
  text-decoration: none;
}
.btn_return a i {
  padding-right: 8px;
}

/*****************************************************

 Page - Lecturer

*****************************************************/
.post_lec li {
  border-top: 1px solid #ccc;
}
.post_lec li:first-child {
  border-top: none;
}
.post_lec li a {
  padding: 16px 0;
}
.post_lec li a figure {
  float: left;
  display: block;
  width: 198px;
  height: 144px !important;
  margin-top: 4px;
  background: url(../images/common/bg_thumb_card.jpg) no-repeat;
  background-size: cover;
  border: 1px solid #ccc;
}
.post_lec li a figure img {
  display: block;
  width: 100%;
  height: auto;
}
.post_lec li a dl {
  float: right;
  display: block;
  width: 508px;
  height: auto;
}
.post_lec li a dl dt {
  padding-bottom: 8px;
  color: #643887;
  font-size: 1.8rem;
  font-family: 'Noto Sans Japanese', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: 500;
  letter-spacing: 2px;
}
.post_lec li a dl dt i {
  padding-right: 8px;
}
.post_lec li a dl dd {
  color: #333;
}
.post_lec li a:hover dt {
  text-decoration: underline;
}
.post_lec li figure {
  overflow: hidden;
  width: 198px;
  height: 144px;
}

/*****************************************************

 Page - Contact

*****************************************************/
.post_content form {
  padding: 16px 0;
}
.post_content form label {
  display: block;
  line-height: 40px;
}
.post_content form label:after {
  content: "";
  display: table;
  clear: both;
}
.post_content form label input[type="text"], .post_content form label input[type="tel"], .post_content form label input[type="email"] {
  float: right;
  width: 100%;
  height: 40px;
  padding: 0 16px;
  background: #f2f2f2;
  border: 1px solid #B6B6B6;
  border-radius: 4px;
  font-size: 1.5rem;
  line-height: 40px;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}
.post_content form label input[type="text"]:focus, .post_content form label input[type="tel"]:focus, .post_content form label input[type="email"]:focus {
  border: 1px solid #643887;
  background: #f5f5f5;
}
.post_content form label textarea {
  float: right;
  width: 100%;
  height: 150px;
  padding: 16px;
  background: #f2f2f2;
  border: 1px solid #B6B6B6;
  border-radius: 4px;
  font-size: 1.5rem;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}
.post_content form label textarea::-webkit-input-placeholder,
.post_content form label textarea::-ms-input--placeholder,
.post_content form label textarea::-moz-placeholder {
  color: #727272;
}
.post_content form label textarea:focus {
  border: 1px solid #643887;
  background: #f5f5f5;
}
.post_content form input[type="submit"] {
  display: block;
  width: 60%;
  height: 48px;
  margin: 16px auto;
  background: #643887;
  border-radius: 8px;
  color: #ffffff;
  font-family: 'Noto Sans Japanese', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 48px;
  letter-spacing: 5px;
  cursor: pointer;
  -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
  -ms-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
  -o-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
}
.post_content form input[type="submit"]:hover {
  -webkit-transform: translateY(2px);
  -moz-transform: translateY(2px);
  -ms-transform: translateY(2px);
  -o-transform: translateY(2px);
  transform: translateY(2px);
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
  -ms-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
  -o-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
}

/*　プラグインカスタマイズ
----------------------------------------------------*/
.wpcf7 span.wpcf7-not-valid-tip {
  display: none !important;
}

.wpcf7 .wpcf7-not-valid {
  border-color: #d76249 !important;
  background: #FFE0E0 !important;
}

span.wpcf7-list-item {
  display: inline-block !important;
}

.wpcf7 .wpcf7-response-output {
  margin: 0 0 16px !important;
  padding: 8px 0 !important;
  font-size: 1.5rem;
  -webkit-border-radius: 4px !important;
  -moz-border-radius: 4px !important;
  border-radius: 4px !important;
  text-align: center;
}

.wpcf7 .wpcf7-validation-errors {
  color: #ffffff !important;
  background-color: #ff4c4c !important;
  border: 1px solid #EED3D7 !important;
}

.wpcf7c-conf {
  background: #fff !important;
  border: #fff !important;
  color: #534741 !important;
}

.wpcf7c-conf::-webkit-input-placeholder {
  color: #f4f0eb !important;
}

.wpcf7c-conf:-ms-input-placeholder {
  color: #f4f0eb !important;
}

.wpcf7c-conf::-moz-placeholder {
  color: #f4f0eb !important;
}

.wpcf7 .wpcf7-mail-sent-ok {
  color: #3A87AD !important;
  font-size: 1.5rem !important;
  background-color: #D9EDF7 !important;
  border: 1px solid #BCE8F1 !important;
}

/*****************************************************

 Page - Search.php

*****************************************************/
.ttl_search span {
  padding-right: 4px;
  font-size: 2.4rem;
  font-family: "Roboto", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: 600;
}

.search_post li {
  border-top: 1px solid #ccc;
}
.search_post li:first-child {
  border-top: none;
}
.search_post li a {
  padding: 16px 0;
}
.search_post li a figure {
  float: left;
  display: block;
  overflow: hidden;
  width: 198px;
  height: 144px;
  background: url(../images/common/bg_thumb_card.jpg) no-repeat;
  background-size: 198px 144px;
}
.search_post li a figure img {
  display: block;
  width: 100%;
  height: auto;
}
.search_post li a dl {
  float: right;
  display: block;
  width: 508px;
  height: auto;
}
.search_post li a dl dt {
  padding-bottom: 8px;
  color: #643887;
  font-size: 1.8rem;
  font-family: 'Noto Sans Japanese', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: 500;
  letter-spacing: 0;
}
.search_post li a dl dt i {
  padding-right: 8px;
}
.search_post li a dl dd {
  color: #333;
}
.search_post li a:hover dt {
  text-decoration: underline;
}

.not_keyword {
  padding: 32px 0;
}

/*****************************************************

 Page - 404.php

*****************************************************/
.not_found_style {
  width: 80%;
  height: auto;
  margin: 56px auto 0;
  padding: 56px 48px 48px;
  background: #fff;
  text-align: center;
  -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
  -ms-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
  -o-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
}
.not_found_style h3 {
  padding-bottom: 24px;
  font-size: 2.4rem;
  font-family: 'Noto Sans Japanese', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: 500;
}
.not_found_style p {
  margin-bottom: 40px;
  font-size: 1.5rem;
  line-height: 2;
}
.not_found_style a {
  display: inline-block;
  margin: 32px 0;
  padding: 0 40px;
  border: 1px solid #643887;
  border-radius: 4px;
  color: #643887;
  font-size: 1.5rem;
  line-height: 48px;
}
.not_found_style a i {
  padding-right: 8px;
}
.not_found_style h4 {
  padding: 40px 0 24px;
  border-top: 1px solid #ccc;
  color: #6c6c6c;
  font-size: 1.8rem;
  font-family: 'Noto Sans Japanese', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: 500;
}
.not_found_style h4 i {
  padding-right: 8px;
}
.not_found_style form {
  position: relative;
  display: block;
  width: 70%;
  margin: auto;
}
.not_found_style form .search_input {
  float: left;
  width: 70%;
  height: 48px;
  margin: 0 auto 24px;
  padding: 0 16px;
  background: #f2f2f2;
  border: 1px solid #ccc;
  border-radius: 4px;
  color: #333;
  font-size: 1.5rem;
  line-height: 48px;
}
.not_found_style form .search_input::-webkit-input-placeholder {
  color: #ddd;
}
.not_found_style form .search_input::-moz-input-placeholder {
  color: #ddd;
}
.not_found_style form .search_input::-ms-input-placeholder {
  color: #ddd;
}
.not_found_style form .search_submit {
  float: right;
  display: block;
  width: 27%;
  height: 48px;
  margin: auto;
  background: #643887;
  border-radius: 4px;
  color: #fff;
  font-size: 1.6rem;
  text-align: center;
  line-height: 48px;
  cursor: pointer;
}

/*****************************************************

 Style - Editor

*****************************************************/
.article_content {
  padding: 16px 0 0;
  font-size: 1.4rem;
}
.article_content p {
  padding-bottom: 16px;
  font-size: 1.4rem;
  line-height: 1.9;
  letter-spacing: 1px;
}
.article_content p:after {
  content: "";
  display: table;
  clear: both;
}
.article_content h1, .article_content h2, .article_content h3, .article_content h4, .article_content h5, .article_content h6 {
  padding: 8px 0;
  font-family: 'Noto Sans Japanese', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: 500;
  line-height: 1.5;
  border: none;
  letter-spacing: 1px;
}
.article_content h1 {
  font-size: 2.8rem;
}
.article_content h2 {
  font-size: 2.4rem;
}
.article_content h3 {
  font-size: 2.2em;
}
.article_content h4 {
  font-size: 2.0rem;
}
.article_content h5 {
  font-size: 1.8rem;
}
.article_content h6 {
  font-size: 1.6rem;
}
.article_content strong {
  font-weight: bold;
}
.article_content img {
  max-width: 100%;
  height: auto;
  border: 1px solid #CCC !important;
}
.article_content img.alignright {
  float: right;
  margin: 0 0 8px 16px;
}
.article_content img.alignleft {
  float: left;
  margin: 0 16px 8px 0;
}
.article_content .gallery-item .gallery-caption {
  padding-bottom: 24px;
  font-size: 1.3rem;
}

#cboxTitle {
  display: none !important;
}

/*****************************************************

 追加CSS 2017.2.15

*****************************************************/
.list_decimal {
  padding: 0 0 12px 1em;
}
.list_decimal li {
  list-style: decimal outside;
  padding-bottom: 8px;
}

/*****************************************************

 追加CSS 2017.11.17 - Slideshare

*****************************************************/
.popup {
  cursor: pointer;
}

#overlay {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(51, 51, 51, 0.8);
  z-index: 100;
}

iframe[src*="slideshare"] {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  z-index: 101;
  border: none !important;
}

/*# sourceMappingURL=style.css.map */