@charset 'UTF-8';
/*!
Theme Name: suirankai
Theme URI: 
Author: 
Author URI: 
Description: 
Template: habakiri
Version: 1.0.0
License: GPLv2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: 
Text Domain: suirankai
*/
/******************************************************************************
  INDEX
  #Initialize
  #Class
  #Navi
  #Page Header
  #Main
    ##Common
      ###Grid
      ###List
    ##TopPage
    ##Categories
    ##Archive
    ##Summary
    ##Single Page
    ##Event
    ##Club
    ##OBOG
    ##Contact Form
    ##Pagination
  #Side Bar
  #Footer
******************************************************************************/
@import url(//fonts.googleapis.com/css?family=Roboto);
@import url(//fonts.googleapis.com/earlyaccess/notosansjapanese.css);

/*****************************************************************************
  #Initialize
******************************************************************************/

html {
  font-size: 15px;
}

body,pre {
  animation: suiran-fade-in 2s ease 0s 1 normal;
  font-family: 'Noto Sans Japanese', Roboto,'繝｡繧､繝ｪ繧ｪ', '貂ｸ繧ｴ繧ｷ繝�け Medium', 'Yu Gothic Medium', '貂ｸ繧ｴ繧ｷ繝�け菴�', YuGothic, 'Hiragino Kaku Gothic ProN','繝｡繧､繝ｪ繧ｪ', Helvetica Neue,Helvetica,Arial,sans-serif;
  font-size: 1rem;
/*  letter-spacing: .025rem; */
  letter-spacing: normal;
  
}

@keyframes suiran-fade-in {
  0% { opacity: 0}
  100% { opacity: 1}
}

h1 {
  font-weight: 500;
  margin-top: 32px;
  margin-bottom: 8px;
}
h2 {
  margin-top: 32px;
  margin-bottom: 8px;
  border-left: 22px solid #00B38D;
  border-right: 1px solid #00B38D;
  border-top: 1px solid #00B38D;
  border-bottom: 1px solid #00B38D;
  background-color: #F3F1DD;
  padding: 0.4em 0.4em;
  font-weight: 500;
  clear: both;
}
h3 {
  margin-top: 32px;
  margin-bottom: 8px;
  border-left: 18px solid #00B38D;
  border-bottom: 1px solid #00B38D;
  padding: 0.3em 0.4em;
  font-weight: 500;
  clear: both;
}
h4 {
  border-bottom: 1px solid #00B38D;
 font-weight: 500;
  padding: 0;
  margin: 36px 0 16px; 
  clear: both;
}
h4:before{
  content:"笆� ";
  color:#00B38D;
}
h5 {
  margin-top: 16px;
  margin-bottom: 8px;
  clear: both;
}

h6 {
  margin-top: 16px;
  margin-bottom: 8px;
}

h1 {
  font-size: 1.5rem;
}

h2 {
  font-size: 1.4rem;
}

h3 {
  font-size: 1.3rem;
}
h4 {
 font-size: 1.25rem;
}
h5 {
  font-size: 1.2rem;
}
h6 {
  font-size: 1.1rem;
}
p {
  line-height: 1.7em; 
  margin-bottom: 0em; 
  margin-top: 0em;  
  text-indent: 1em;
  text-align: justify;
  text-justify: inter-ideograph;
}
pre {
  line-height: 1.2em; 
  margin-bottom: 10px; 
  margin-top: 10px;  
  text-indent: 0;
  text-align: justify;
  text-justify: inter-ideograph;
}
table {
  border-collapse: collapse;
}
table td {
  padding: 3px 10px;
  white-space: normal;
	vertical-align: top;

}
table th {
  padding: 3px 10px;
  white-space: nowrap;
  font-weight: 500;
	vertical-align: top;

}
table p {
  line-height: 1.4em; 
  margin-bottom: 0em; 
  margin-top: 0em;  
  text-indent: 0em;
  text-align: justify;
  text-justify: inter-ideograph;
}
ul {
  padding-left: 24px;
}

ul ul{
  padding-left: 16px;
}

hr {
  border-width: 1px 0 0 0; /* 螟ｪ縺� */
  border-style: solid; /* 遞ｮ鬘� */
  border-color: #cccccc; /* 濶ｲ */	
}

a:hover {
  color: #00b38d !important;
}

.container{
  padding: 0 12px;
}
caption{
  font-size:12px;
}
#contents .container {
  padding: 0 20px;
}

.article a {
  color: #00B38D;
}

@media (min-width: 768px){

  .container,
  #contents .container {
    padding: 0 30px;
    width: 100%;
    max-width: 1166px;
/*    max-width: 1266px; */
  }

}

@media (min-width: 1266px){

  .container {
    width: 1166px;
/*    width: 1266px; */
  }

}

.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  padding: 0 12px;
}

@media (min-width: 768px){
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-md-1, .col-md-2,
  .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4,
  .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6,
  .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
    padding: 0 16px;
  }
}

#responsive-btn {
  background-color: transparent !important;
  border: none;
  color: #333;
  height: 50px;
  font-size: 30px;
  line-height: 30px;
  padding: 5px 5px 10px;
}

#responsive-btn:after {
  content: "MENU";
  display: inline-block;
  position: absolute;
  bottom: -5px;
  left: 5px;
  font-size: 10px;
}

/*****************************************************************************
  #Class
******************************************************************************/
/* 
.v-center{
  display: inline-block;
  margin: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
} */

.hline {
 border-top: 1px #cccccc solid;
 border-right: none;
 border-bottom: 1px #cccccc solid;
 border-left:none;
}
.vh-center{
  display: inline-block;
  margin: 0;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
}

@media (max-width: 991px){
  [class^='col-'] > .v-center{
    display: inline-block;
    left: 0;
    margin-top: 23px;
    margin-bottom: 11.5px;
    position: static;
    top: 0;
  transform: none;
  }

  [class^='col-'] > .vh-center{
    display: inline-block;
    left: 0;
    margin-top: 23px;
    margin-bottom: 11.5px;
    position: static;
    top: 0;
    transform: none;
  }
}

@media (min-width: 992px){

  .v-center{
    display: inline-block;
    margin: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: calc( 100% - 90px);
  }

  .vh-center{
    display: inline-block;
    left: 50%;
    margin: 0;
    position: absolute;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
  }

}

.archive-link{
  margin: 0px 15px;
  text-align: right;
}

@media (max-width: 767px){
  .archive-link{
    background: #00B38D;
    margin: 16px 15px;
    min-height: 40px;
    position: relative;
    text-align: center;
  }

  .archive-link *{
    color: #fff;
  }
  
  .archive-link a {
    color: #fff;
    display: block;
    vertical-align: middle;
    padding: 6px 16px;
  }
  
  .archive-link:hover{
    opacity: 0.8;
  }

  .archive-link a:hover {
    color: #fff !important;
    text-decoration: none;
  }
}

.phrase{
  display: inline-block;
  font-size: inherit;
}

.fixed{
  position: fixed;
}

/*****************************************************************************
  #Navi
******************************************************************************/

.header {
  z-index: 11;
  box-shadow: 0 0 12px rgba(0,0,0,.1);
  transition: ease-in 0.5s;
}

.header.header--fixed--is_scrolled {
  box-shadow: 0 0 16px rgba(0,0,0,.15);
}

.header--default .global-nav .menu, .header--transparency .global-nav .menu {
  float: none;
  display: flex;
}

.site-branding {
  padding: 10px 20px 4px 0;
}

.header__content .header__col {
  vertical-align: bottom;
}

.header__content .header__col .responsive-nav,
.header__content .header__col .header--transparency.header--fixed--is_scrolled .responsive-nav {
    background-color: transparent;
}

.responsive-nav .fa-home {
  font-size: 1.15rem;
}

.responsive-nav li{
  position: static;
  flex-grow: 1;
  transition: ease-in 0.2s;
}

.responsive-nav > ul > li > ul,
.responsive-nav > * > ul > li > ul{
  top: auto;
}

.responsive-nav .menu>.menu-item:hover{
  background: #00b38d !important;
}

.responsive-nav .menu>.menu-item:hover>a{
  color: #fff !important;
}

.responsive-nav .menu>.menu-item>a{
  position: relative;
  padding: 16px 8px !important;
}

@media screen and ( min-width: 1100px ) {

  .responsive-nav .menu>.menu-item>a{
    padding: 16px 12px !important;
  }
  
}

.responsive-nav .menu>.current-menu-item>a:before,
.responsive-nav .menu>.current-menu-parent>a:before{
  content: '\f19d';
  display: block;
  font-family: 'FontAwesome';
  position: absolute;
  color: #00B38D;
  top: -4px;
  left: 0;
  right: 0;
  margin: 0 auto;
}

@media screen and ( min-width:992px ) {
  .site-branding {
    padding: 0;
  }
}

/* --- Mega Menu --- */
.responsive-nav .menu .sub-menu {
  background: #00b38d;
  padding: 8px 12px 8px 4px;
  text-align: left;
  width: 100%;
  z-index: 1;
  transition: ease-in 0.2s;
  box-shadow: 0 10px 16px -8px rgba(0,0,0,.2);
}

.responsive-nav .menu .sub-menu .menu-item {
  display: inline-block;
}

.responsive-nav .menu .sub-menu .menu-item a {
  background: transparent;
  color: #fff !important;
  display: inline-block;
  margin: 4px 16px;
  padding: 12px 0;
  position: relative;
  z-index: 1;
}

.responsive-nav .menu .sub-menu .menu-item a::after {
  background: #cce213;
  bottom: 4px;
  content: '';
  left: 0;
  position: absolute;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform .25s;
  width: 100%;
  z-index: -1;
}

.responsive-nav .menu .sub-menu .menu-item a:hover::after {
  bottom: 12px;
  height: 5px;
  transform: scaleX(1);
}

@media (min-width: 768px){
  .responsive-nav a{
    font-size: 1.2rem;
  }
}

.off-canvas-nav ul.sub-menu {
  display: none;
}

img.site-branding__logo{
  width: 288px;
}

@media screen and ( min-width: 1200px ){

  .header__col {
    width: auto;
  }

}

/*****************************************************************************
  #Page Header
******************************************************************************/

.page-header{
  border: none;
  padding: 42px 0;
  background-color: #f8f8f8 !important;
  color: #333 !important;
  text-align: center;
}

.page-header .container {
  display: flex;
  flex-direction: column-reverse;
}

.page-header__title{
  position: relative;
  display: inline-block;
  font-weight: 400;
  color: #777;
  font-size: 1.2rem;
}

.page-header__title:before {
  content: "";
  position: absolute;
  bottom: -20px;
  display: inline-block;
  width: 60px;
  height: 5px;
  left: 50%;
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #cce213;
  border-radius: 2px;
}


@media screen and ( min-width: 767px ){

  .page-header__title {
    font-size: 1.8rem;
  }

}

.page-post-date{
  color: #777;
  font-size: 0.9rem;
  margin-bottom: -30px;
  margin-top: 30px;
  text-align: right;
}

/*****************************************************************************
  #Main
******************************************************************************/

main{
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 768px){
  main{
    padding-right: 16px;
    padding-left: 16px;
  }
}

@media (min-width: 768px){
  .main1024{
	max-width: 1024px !important;
  }
}

.habakiri-slider{
  padding: 0;
  margin-bottom: 16px;
}

.entry section{
  margin-top: 32px;
}

@media (min-width: 768px){
  .habakiri-slider{
    padding: 0 16px;
  }
  .entry section{
    margin-top: 24px;
  }
}

/*****************************************************************************
  ##Common
******************************************************************************/

.breadcrumbs {
  margin: 0 -8px 30px;
}

.breadcrumbs * {
  padding: 0 8px;
}

.entries.entries--archive {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
}

.entries .article.article--summary {
  width: 100%;
  padding: 0 0 32px;
  border-bottom: none;
  margin-bottom: 0;
}

.entries .article.article--summary .entry {
  border: 1px solid #e8e8e8;
  padding: 20px;
  transition: 0.5s;
  height: 100%;
}

.entries .article.article--summary .entry:hover {
  box-shadow: 0 0 12px rgba(0,0,0,.15);
}

.entries .article.article--summary .col-sm-4 {
  padding: 0;
}

.entries .article.article--summary .col-sm-8 {
  padding: 0;
}

.entry-title {
  font-size: 1.2rem;
  font-weight: 500;
  padding: 0px 0 2px 4px;
}

.entry-title a {
  color: #333;
}

.entry-title a:hover {
  color: #777;
  text-decoration: none;
}

.entry-date {
  color: #777;
  display: inline-block;
  font-family: 'Roboto', sans-serif;
  font-size: 0.925rem;
  margin: 0;
}

.event-date {
  margin-bottom: 16px;
  display: block;
  border-bottom: 2px solid #00B38D;
}

.to-contact {
  background: linear-gradient( to bottom, #e5873a 50%, #de7926 50% );
  border-radius: 8px;
  color: #fff;
  display: inline-block;
  font-size: .85rem;
  padding: 4px 12px 4px 36px;
  margin:6px 0px 6px 0px;	
  position: relative;
  text-indent: 0;
}

a.to-contact:hover {
  color: #fff;
  text-decoration: none;
}

.to-contact::before {
  background: #fff;
  border-radius: 100%;
  content: '';
  left: 12px;
  height: 1rem;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 1rem;
}

.to-contact::after {
  border-top: .346rem solid transparent;
  border-right: 0 solid transparent;
  border-bottom: .346rem solid transparent;
  border-left: .6rem solid #dd7825;
  content: '';
  left: 17px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.recent-post-label {
  background: rgba(0,179,141, 0.8);
  color: white;
  font-size: 0.8rem;
  padding: 8px;
  position: absolute;
  right: 8px;
  top: 4px;
  z-index: 1;
  text-shadow: 0 0 8px #333;
  box-shadow: 0px 4px 8px rgba(0,0,0,0.2);
  transition: ease-in 0.2s;
}

a.content-link:hover .recent-post-label {
  top: -2px;
}

.recent-post-label.new-post {
  background: rgba(204,226,19, 0.8);
}

.recent-post-label.nothing-post {
  background: rgba(0,0,0, 0.5);
}

.recent-post-label.nothing-post::after {
  border-left-color: #222222;
}


@media screen and ( min-width: 768px ){

  .recent-post-label::after {
    border-left-width: 17px;
  }

  .entries.entries--archive {
    margin: 0 -16px;
  }

  .entry-title {
    font-size: 1.5rem;
  }

  .entries .article.article--summary .col-sm-8 {
    padding: 0 0 0 12px;
  }

  .entries .article.article--summary {
    padding: 0 16px 32px;
  }

  .entries.entries--archive .article--single .entry {
    margin-right: 16px;
    margin-left: 16px;
  }

}

@media screen and ( min-width: 992px ){

  .entries .article.article--summary {
    width: 50%;
  }

  .entries.entries--archive .article--single .entry {
    margin-right: 0;
    margin-left: 0;
  }

}

/*****************************************************************************
  ###Grid
******************************************************************************/

.cat-grid .cat-wrapper h3.grid-heading {
  border: none;
  font-size: 1rem;
  margin: 12px 8px;
  padding-left: 8px;
}

.grid-style-wrapper{
  clear: both;
  display: flex;
  flex-wrap: wrap;
  margin: 0 -16px;
}

.top-page .grid-style-wrapper{
  margin: 0;
}

.grid-style-wrapper > div,
.entries--archive > div[class^='col-']{
  margin: 6px 0;
}

@media (min-width: 768px){
  .grid-style-wrapper > div,
  .entries--archive > div[class^='col-']{
    margin: 14px 0;
  }
}

.event-grid {
  padding: 0 8px;
}

@media screen and (min-width: 1200px) {
  .event-grid {
    padding: 0 16px;
  }
}

.eye-catch-wrapper{
  overflow: hidden;
}

.eye-catch{
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 168px;
  transition: transform ease-out 1s;
}

a.content-link:hover .eye-catch{
  transform: scale(1.07);
}

a.content-link {
  color: inherit;
  text-decoration: none;
  display: block;
  width: 100%;
}

.event-wrapper {
  border: 1px solid #e8e8e8;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 12px;
  transition: 0.5s;
}

.event-wrapper:hover {
  box-shadow: 0 0 12px rgba(0,0,0,.15);
}

.summary-wrapper {
  padding: 12px;
}

.summary-wrapper h3 {
  font-size: 1.15rem;
  margin: 0 0 8px;
}

@media screen and (max-width: 450px) {
  .event-grid,
  .cat-grid {
    width: 100%;
  }
}

.event-summary {
  font-size: .85rem;
  margin-top: 4px;
  margin-bottom: 0px;
  text-indent: 0;
  color: #333 !important;
  border-bottom: 2px solid #00B38D;
}

/*****************************************************************************
  ###List
******************************************************************************/

@media (min-width: 992px){
  .list-style-title{
    border: 1px solid #4D4D4D;
    height: 100%;
    padding: 8px 30px;
  }
}

.list-style-wrapper ul {
  max-height: 200px;
  overflow-y: auto;
}

.has-caption{
  margin: 0;
  padding: 0;
}

.has-caption > li{
  background-image: linear-gradient(to right, #ccc, #ccc 8px, transparent 6px);
  background-size: 12px 1px;
  background-position: bottom;
  background-repeat: repeat-x;
  display: flex;
  list-style: none;
  margin-top: 6px;
}

.list-caption-wrapper{
  align-items: center;
  display: flex;
  min-width: 5em;
}

.list-caption,
.list-content{
  display: block;
}

.list-content{
  margin-left: 16px;
}

.list-content.display-top:before{
  content: '\f08d';
  display: inline-block;
  font-family: 'FontAwesome';
  margin: 0 8px 0 0;
  transform: rotateZ(-30deg);
}

/*****************************************************************************
  ##TopPage
******************************************************************************/

.top-page h2{
  border-left: 6px solid #00B38D;
  position: unset;
  padding: 0.25em 0.4em;
}

@media (min-width: 992px){

  .top-page h2{
    background-color: inherit;
    border: none;
    color: #333;
    padding: 0;
  }

  .top-page h2.v-center{
    position: absolute;
  }

}

#suiran-fb-wrapper{
  text-align: center;
}

.suiran-twitter{
  border: 1px solid #ccc;
  max-height: 502px;
}

.event-category {
  padding: 0 8px;
  font-size: .85rem;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
}

.event-category a {
  color: #00b38d;
}

.event-category .fa {
  padding-right: 4px;
}

#banner-area .grid-style-wrapper {
  margin: 0;
}

#banner-area .grid-style-wrapper div[class^='col-'] {
  margin: 8px 0;
  padding: 0 8px;
}

#banner-area img {
  width: 100%;
}

@media screen and ( max-width: 560px ){

  #banner-area .grid-style-wrapper div[class^='col-'] {
    text-align: center;
    width: 100%;
  }

  #banner-area img {
    float: none;
    margin-right: 0;
    max-width: 300px;
  }

}

/*****************************************************************************
  ##Categories
******************************************************************************/

.cat-wrapper {
  border: 1px solid #e8e8e8;
  height: 100%;
  transition: 0.5s;
}

a.content-link:hover .cat-wrapper {
  box-shadow: 0 0 12px rgba(0,0,0,.15);
}

.custom-order-form { 
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 16px;
}

.custom-order-form .custom-order-wrapper {
  display: inline-block;
  margin: 0 auto;
  
}

.custom-order-form .data-header {
  display: inline-block;
  margin-right: 0;
  padding: 8px 12px;
}

@media( min-width: 768px ){
  .custom-order-form .custom-order-wrapper {
    margin-bottom: 20px;
  }

  .custom-order-form{
    margin-bottom: 0;
  }

  .custom-order-form {
    text-align: right;
  }
}

.custom-order-form label{
  padding-left: 12px;
  font-weight: 500;
}

.custom-order-form input[type="radio"]{
  margin-right: 4px;
}

.custom-order-wrapper > * {
  margin-right: 8px;
}

.custom-order-wrapper select {
  outline-color: #00B38D;
  margin-right: 0;
  padding: 2px 6px;
}

.custom-order-wrapper > *:last-child {
  margin-right: 0;
}

.custom-order-wrapper input[type="checkbox"] {
  margin-right: 4px;
}


/*****************************************************************************
  ##Archive
******************************************************************************/

.index-info {

  border: 2px solid #00B38D;
  display: flex;
  flex-wrap: wrap;
  margin:0 auto;
  margin-bottom: 36px;
  max-width: 850px;
}

.index-info::after {
  content: '';
  clear: both;
}

.index-info-content  {
  padding: 10px 16px;
}
.index-info-content p {
  font-size:0.9em ;
  line-height:1.25em;
}

.index-info-content li {
  font-size:0.85em ;
  line-height:1.2em;
	
}
.index-info-header {
  background-color: #00B38D;
  color: #fff;
  text-align: center;
}

.index-info-header h2{
  margin:10px 20px 0px 0px;
}

@media screen and ( min-width: 768px ) {

  .index-info-header {
    text-align: left;
  }

}

/*****************************************************************************
  ##Summary
******************************************************************************/

.article--summary .thumbnail-wrapper {
  text-align: center;
  margin-bottom: 8px;
}

.article--summary .wp-post-image {
  max-width: 100%;
}

@media (min-width: 992px){

  .article--summary .wp-post-image {
    float: none;
  }

}

.entry-more-wrapper{
  text-align: center;
  margin-top: 16px;
}

@media (min-width: 768px){
  .entry-more-wrapper{
    text-align: right;
  }
}

.entry-more {
  display: inline-block;
  background: #00B38D;
  color: #fff !important;
  padding: 8px 28px;
  font-size: .9rem;
  position: relative;
}

.entry-more:hover,
.entry-more:focus,
.entry-more:active {
  text-decoration: none;
  color: #fff !important;
}

.entry-more::after {
  background: #cce213;
  bottom: 4px;
  content: '';
  left: 0;
  position: absolute;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform .25s;
  width: 100%;
}

.entry-more:hover::after {
  bottom: 0;
  height: 8px;
  transform: scaleX(1);
}


/*****************************************************************************
  ##Single Page
******************************************************************************/
.article--single {
  max-width: 960px;
  width: 100%;
  margin: auto;
}

.entries .article {
  padding-bottom: 48px;
  margin-bottom: 40px;
  border-bottom: 3px solid #00B38D;
}

.article--single .entry__content {
  padding: 0;
}

.article--single p {
  margin-bottom: 1em;
}

.article--single img {
  padding: 16px 0;
}

.alignright {
  margin-left: 2em;
}

.alignleft {
  margin-right: 2em;
}

.sub-page-contents {
  padding-top: 16px;
}
/***

.sub-page-contents .article--single .entry__content h1 {
  border-left: 6px solid #00B38D;
  border-bottom: 1px solid #00B38D;
  padding: 0.25em 0.4em;
  font-weight: 500;
  margin: 36px 0 16px; 
  clear: both;
}

.sub-page-contents .article--single .entry__content h1:before {
  border-bottom: 4px solid #00B38D;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 14px;
  content: '';
  display: block;
  height: calc( 100% + 8px );
  margin: 0 40px 0 0;
  position: absolute;
  width: calc( 100% - 32px );
}

.sub-page-contents .article--single .entry__content h1:after {  
  bottom: 2px;
  color: #00B38D;
  content: '\f040'; 
  font-family: 'FontAwesome';
  font-size: 1.2rem;
  position: absolute;
  right: 4px;
}

.sub-page-contents .article--single .entry__content h2 {
  border-bottom: 3px solid #00B38D;
  padding-left: 2rem;
  font-size: 1.40rem;
  position: relative;
}

.sub-page-contents .article--single .entry__content h2:before {
  color: #00B38D;
  content: '\f02d'; 
  font-family: 'FontAwesome';
  left: 0;
  margin: 0 8px 0 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.sub-page-contents .article--single .entry__content h3 {
  border-left: 8px solid #00B38D;
  padding-left: 8px;
  font-weight: 500;
  margin: 36px 0 12px;
}

.sub-page-contents .article--single .entry__content h4 {
  border-left: 6px solid #00B38D;
  border-bottom: 1px solid #00B38D;
  padding: 0.25em 0.4em;
  font-weight: 500;
  margin: 36px 0 16px; 
  clear: both;
}
.sub-page-contents .article--single .entry__content h5 {
  font-size: 1.15rem;
  border-left: 3px solid #00B38D;
  padding: 0.25em 0.4em;
  font-weight: 500;
  margin: 24px 0 16px; 
  clear: both;
}

.sub-page-contents .article--single .entry__content h5X{
    font-size: 1.15rem;
    display: table;
    position: relative;
    margin-top: 1.5em;
    margin-bottom: 1em;
    clear: both;
}
.sub-page-contents .article--single .entry__content h6 {
    font-size: 1.1rem;

    margin-top: 0.5em;
    margin-bottom: 0.5em;
    clear: both;
}
.sub-page-contents .article--single .entry__content h5:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -4px;
  width: 100%;
  height: 4px;
  background: -webkit-repeating-linear-gradient(-45deg, #00B38D, #00B38D 2px, #fff 2px, #fff 4px);
  background: repeating-linear-gradient(-45deg, #00B38D, #00B38D 2px, #fff 2px, #fff 4px);
}

.sub-page-contents .article--page .entry__content h2 {
  border-left: 6px solid #00B38D;
  padding: 0.25em 0.5em;
}
*/

.sub-page-contents .article--page .entry__content h1 ~ table,
.sub-page-contents .article--page .entry__content h2 ~ table,
.sub-page-contents .article--page .entry__content h3 ~ table,
.sub-page-contents .article--page .entry__content h4 ~ table {
  margin-top: 16px;
}

.table tr:first-child th,
.table tr:first-child td {
  border-top: 0;
}

.table > tbody > tr > th,
.table > tbody > tr > td {
  display: block;
  width: 100%;
}

.table > tbody > tr > td {
  border-top: none;
}

@media (min-width: 992px) {

  .table > tbody > tr > th,
  .table > tbody > tr > td {
    display: table-cell;
    width: auto;
  }

  .table > tbody > tr > td {
    border-top: 1px solid #ddd;
  }

}

/*****************************************************************************
  ##Event
******************************************************************************/

h1.event-single-header {
  background-color: #f0f0f0;
  border-radius: 6px;
  margin-top: 8px;
  padding: .5em .75em;
  position: relative;
}

h1.event-single-header::after {
  position: absolute;
  top: 100%;
  left: 30px;
  content: '';
  width: 0;
  height: 0;
  border: 10px solid transparent;
  border-top: 15px solid #f0f0f0;
}

.event-wrapper .eye-catch-wrapper {
  position: relative;
}

.event-wrapper .eye-catch-wrapper::after {
  color: #fff;
  font-size: .8em;
  padding: 4px 16px;
  position: absolute;
  right: 0;
  top: 0;
  text-shadow: 0 0 8px #333;
  box-shadow: 0px 4px 8px rgba(0,0,0,0.2);
}

.event-close:after{
  background: rgba(238,62,55, 0.7);
  content: '邨ゆｺ�';
}

.in-session:after{
  background: rgba(204,226,19, 0.7);
  content: '髢句ぎ荳ｭ';
}

.event-info-table tr {
  border-bottom: 1px solid #ccc;
}

.event-info-table th,
.event-info-table td {
  padding: 8px;
}

.entry__summary .event-date:before{
  content: '\f274';
  font-family: 'FontAwesome';
  margin-right: 6px;
  color: #00B38D;
}

#schedule-event .event-date{
  color: #444;
  font-size: 12px;
  margin-left: 8px;
}

/*****************************************************************************
  繧､繝吶Φ繝域ｦりｦ�
******************************************************************************/

.box {
  clear: both;
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 5px 10px;
  border: 2px solid #ccc;
}
.box h5{
  margin-top: 7px;
  margin-bottom: 7px;
  text-align: center;
  list-style: 1em;
  color: #333333;
}
/*****************************************************************************
  ##Club
******************************************************************************/

.club-cat-meta {
  list-style: none;
  text-align: right;
  margin-bottom: 0;
}

.club-cat-meta li {
  min-height: 1em;
}

.club-cat-meta li:first-child {
  margin-top: 30px;
}

.club-cat-meta li:last-child {
  margin-bottom: -20px;
}

/*****************************************************************************
  ##OBOG
******************************************************************************/
.obog-heading {
  border-bottom: 2px solid #c39b35;
  font-size: 1.4rem;
  font-weight: 700;
}

.obog-sub-heading {
  border-bottom: 1px solid #666;
  display: inline-block;
  font-size: 1.15em;
  font-weight: 700;
  margin: 8px 0;
  line-height: 1.3;
  padding: 0 0 2px 0px;
}

.obog-sub-heading::after {
  clear: both;
  content: ' ';
  display: block;
}

.obog-meta {
  color: #777;
  font-size: .95rem;
  margin-bottom: 8px;
}

.obog-content-wrapper p {
  align-items: flex-start;
  display: flex;
  flex-wrap: wrap;
  line-height: 1.7em;
}

.obog-thumbnail-wrapper .wp-post-image {
  height: auto;
  width: 100%;
}

.obog-content dl {
  margin-bottom: 8px;
}

.obog-content dl::after {
  content: ' ';
  display: block;
  clear: both;
}

.obog-content dd {
  float: left;
}

.obog-content dt {
  clear: both;
  float: left;
  font-size: .9rem;
  line-height: 1.7rem;
  min-width: 88px;
}

@media screen and (max-width: 540px) {
  .obog-content-wrapper {
    justify-content: center;
  }

  .obog-meta {
    margin-bottom: 8px;
    text-align: center;
  }

  .obog-content {
    margin-top: 8px;
    width: 100%;
  }

  .obog-thumbnail-wrapper {
    width: auto;
  }
}

/*****************************************************************************
  ##Same Class
******************************************************************************/

.link-icon-wrapper {
  display: flex;
  width: 100%;
}

.link-icon-wrapper a {
  display: inline-block;
  margin: 0;
  text-align: center;
  width: 50%;
}
.link-icon-wrapper form {
  width: 100%;
}

.link-icon-wrapper .mail{
  background: #ee3e37;
  color: #fff;
}

.link-icon-wrapper .mail:after {
  content: "Mail";
  padding-left: 6px;
}

.link-icon-wrapper .hp {
  background: #cce213;
  color: #fff;
}

.link-icon-wrapper .hp:before {
  content: "HP";
  padding-right: 6px;
}

.link-icon-wrapper .hp:hover,
.link-icon-wrapper .mail:hover {
  opacity: .8;
  color: #fff !important;
  text-decoration: none;
}

/* table */

.same-class-table {
    display: none;
    margin-top: 16px;
    width: 100%;
    max-width: 100%;
}

@media screen and ( min-width: 768px ){

    .same-class-table {
        display: table;
    }

}

.same-class-table tr {
    border-bottom: 1px solid #e8e8e8;
    white-space: normal;
}

.same-class-table tr:nth-child(even) {
    background: #f8f8f8;
}

.same-class-table tr.has-post:hover {
    background: rgba(0,179,141, 0.1);
}

.same-class-table tr.has-post:hover a {
    color: #00B38D;
}

.same-class-table th,
.same-class-table td {
    padding: 4px 8px;
}

.same-class-table a.content-link,
.same-class-table .mail,
.same-class-table .hp {
    display: block;
}

.same-class-table .mail,
.same-class-table .hp {
    text-align: center;
    color: #00B38D;
}

.same-class-table .mail:hover,
.same-class-table .hp:hover {
  opacity: 0.8;
}

.same-class-table .mail i.fa {
    color: #ee3e37;
}

.same-class-tabel .hp i.fa {
    color: #00B38D;
}

.graduation-count {
  width: 80px;
}

.graduation-year {
  width: 90px;
}

.last-post-date {
  width: 80px;
}

.post-email {
  width: 60px;
}

.post-hp {
  width: 60px;
}

/* grid */

.same-class-grid.grid-style-wrapper {
  display: flex;
}

@media screen and ( min-width: 768px ) {
  
  .same-class-grid.grid-style-wrapper {
      display: none;
  }
  
}

.same-class-grid.grid-style-wrapper .cat-grid h3.grid-heading {
  background: #00B38D;
  color: #fff;
  margin: 0;
  padding: 8px 8px 8px 16px;
}

.same-class-grid.grid-style-wrapper .grid-content-wrapper {
  padding: 8px;
}

.same-class-grid.grid-style-wrapper h4 {
  font-size: 1rem;
  margin-top: 8px;
}

.same-class-grid.grid-style-wrapper h4::after {
  content: attr(data-entry-date);
  font-size: .7rem;
  margin-left: .7rem;
}

.same-class-grid.grid-style-wrapper a.content-link {
  display: block;
}

.same-class-grid.grid-style-wrapper a.content-link:hover {
  background: #f8f8f8;
}

.same-class-grid.grid-style-wrapper a.content-link:focus,
.same-class-grid.grid-style-wrapper a.content-link:active,
.same-class-grid.grid-style-wrapper a.content-link:hover {
  color: inherit;
}

.same-class-grid.grid-style-wrapper p {
  line-height: 1.4rem;
  margin-bottom: 0.6rem;
}

/*****************************************************************************
  ##Contact Form
******************************************************************************/

div.basic-form-wrapper {
  width: 100%;
}

p.basic-form-pp-link {
    margin-top: 10px;
    margin-bottom: 10px;
}
p.basic-form-arart-area {
    margin: 20px;
	background:#eeeeee; 
	padding-top:10px; 
	padding-bottom:10px; 
	border:1px solid #aaaaaa;
	border-radius:5px;
	text-align: center;
}
::-webkit-input-placeholder {
  color: #000;
  opacity: .7;
}

:-moz-placeholder {
  color: #000;
  opacity: .7;
}

::-moz-placeholder {
  color: #999;
  /* Firefox 19 莉･髯阪�繝�ヵ繧ｩ繝ｫ繝医〒縺ｯ */
  /* color 縺ｧ縺ｯ縺ｪ縺� opacity 縺ｧ濶ｲ蜷医＞繧定ｪｿ謨ｴ縺励※縺�ｋ縺溘ａ */
  /* 譁�ｭ苓牡繧呈欠螳壹☆繧句�ｴ蜷医€｛pacity 繧� 1 縺ｫ縺吶ｋ蠢�ｦ√′縺ゅｋ */
  opacity: 1;
}

:-ms-input-placeholder {
  color: #999;
}

:placeholder-shown {
  color: #000;
  opacity: .7;
}

div.basic-form-btn-area p {
  text-align: center;
  text-indent: 0;
}

div.basic-form-btn-area input[type=submit] {
  border: 2px solid #ee3e37;
  background: #ee3e37;
  border-radius: 0;
}

div.basic-form-btn-area input[type=submit]:hover {
  opacity: 0.8;
}

.basic-form dd span:nth-child( n + 2 ) {
  margin-left: 12px;
}

span.required {
  background: #ee3e37;
}

div.basic-form dt {
  background-color: #f8f8f8;
}

div.basic-form dd, div.basic-form dt {
  border-color: #e8e8e8;
}

.basic-form #school-cat {
  width: 30%;
}

.basic-form #graduation-year {
  width: calc( 100% - 30% - 40px );
}

@media screen and ( min-width: 992px ){

  .basic-form #school-cat {
    width: 20%;
  }

  .basic-form #graduation-year {
    width: calc( 80% - 20% - 12px );
  }

}

.basic-form #c-last-name{ width: 40%;}
.basic-form #c-first-name{ width: 40%;}
.basic-form #c-last-name-kana{ width: 40%;}
.basic-form #c-first-name-kana{ width: 40%;}
.basic-form #g-last-name{ width: 40%;}
.basic-form #g-first-name{ width: 40%;}
.basic-form #g-last-name-kana{ width: 40%;}
.basic-form #g-first-name-kana{ width: 40%;}
.basic-form #p-last-name{ width: 40%;}
.basic-form #p-first-name{ width: 40%;}
.basic-form #p-last-name-kana{ width: 40%;}
.basic-form #p-first-name-kana{ width: 40%;}

.basic-form .graduation-year.loading::after {
  content: '\f110';
  color: #00B38D;
  display: inline-block;
  font-family: 'FontAwesome';
  font-size: 1.3rem;
  margin-left: 4px;
  -webkit-animation: loading-spin 1s infinite steps(8);
    animation: loading-spin 1s infinite steps(8);
}

@-webkit-keyframes loading-spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
            transform: rotate(359deg);
  }
}

@keyframes loading-spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
            transform: rotate(359deg);
  }
}

/*****************************************************************************
  ##Pagination
******************************************************************************/

.pagination{
  display: flex;
  justify-content: center;
}

.pagination-wrapper .pagination>li>span,
.pagination-wrapper .pagination>li>span:hover,
.pagination-wrapper .pagination>li>span:focus {
  background-color: #00B38D;
  border-color: #00B38D;
  color: #fff;
}

.pagination-wrapper .pagination>li>a {
  color: #00B38D;
}

/*****************************************************************************
  #Side bar
******************************************************************************/

@media (min-width: 992px){
  .suiran-sidebar #sub{
    width: calc( 970px * 25 / 100 - 32px );
  }
}

@media (min-width: 1200px){
  .suiran-sidebar #sub{
    width: calc( 1170px * 25 / 100 - 32px );
  }
}

@media (min-width: 1266px){
  .suiran-sidebar #sub{
    width: calc( 1266px * 25 / 100 - 48px );
  }
}

.aside-nav-title{
  background-color: #00b38d;
  margin: 0;
  text-align: center;
  font-size: 1.2rem;
}

.aside-nav-title a:hover {
  color: #fff !important;
}

.suiran-aside-nav a{
  color: #333;
  display: inline-block;
  padding: 12px 16px;
  width: 100%;
}

.suiran-aside-nav a:active,
.suiran-aside-nav a:focus,
.suiran-aside-nav a:hover {
  color: #333;
  text-decoration: none;
  outline: none;
}

.aside-nav-title a {
  color: #fff;
}

.aside-nav-title:hover a {
  color: #fff;
}

.suiran-aside-nav .menu,
.suiran-aside-nav .menu .children {
  list-style: none;
  padding: 0;
}

.suiran-aside-nav .children {
  border-top: 1px solid #bbb;
}

.suiran-aside-nav .children .page_item {
  padding-left: 8px;
}

.suiran-aside-nav .children .page_item a {
  font-size: .85rem;
}

.suiran-aside-nav .children .page_item a:before {
  content: '\f0da';
  font-family: 'FontAwesome';
  padding-right: 8px;
}

.suiran-aside-nav .menu .page_item,
.suiran-aside-nav .menu .cat-item {
  background-color: #f8f8f8;
  border-bottom: 1px solid #e8e8e8;
}

.suiran-aside-nav .menu .page_item:last-child,
.suiran-aside-nav .menu .cat-item:last-child {
  border-bottom: none;
}

.aside-nav-title:hover{
  opacity: .8;
}

.suiran-aside-nav .menu .page_item:hover,
.suiran-aside-nav .menu .page_item.current_page_item,
.suiran-aside-nav .menu .cat-item:hover,
.suiran-aside-nav .menu .cat-item.current-cat {
  box-shadow: 0 0 6px rgba(0,0,0,0.2);
}

.suiran-aside-nav .menu .page_item.current_page_item a,
.suiran-aside-nav .menu .cat-item.current-cat a {
  position: relative;
}

.suiran-aside-nav .menu .page_item.current_page_item a:before,
.suiran-aside-nav .menu .cat-item.current-cat a:before {
  content: '\f19d';
  font-family: 'FontAwesome';
  color: #00B38D;
  padding-right: 4px;
}

/*****************************************************************************
  #Footer
******************************************************************************/

.footer {
  background-color: #f8f8f8 !important;
}

.suiran-footer-widget-area{
  margin-top: 56px;
  padding-top: 32px;
}

.suiran-footer-widget-area .menu{
  align-items: center;
  color: #666;
  display: flex;
  justify-content: center;
}

.suiran-footer-widget-area .menu-item{
  border-right: 1px solid #4d4d4d;
  box-sizing: border-box;
  display: flex;
  padding: 0;
}

.suiran-footer-widget-area .menu-item a{
  color: #666;
  display: inline-block;
  font-size: .5rem;
  margin: 0 6px;
  position: relative;
  text-decoration: none;
}

.suiran-footer-widget-area .menu-item a:after{
  bottom: -6px;
  content: '';
  left: 0;
  position: absolute;
  transition: width .4s;
  width: 0;
}

.suiran-footer-widget-area .menu-item a:hover:after{
  border-bottom: 4px solid #cce213;
  width: 100%;
}

@media (min-width: 450px){
  .suiran-footer-widget-area .menu-item a{
    font-size: .75rem;
  }
}

.suiran-footer-widget-area .menu-item:last-child a{
  border-right: none;
}

@media (min-width: 768px){
  .suiran-footer-widget-area .menu-item a{
    padding: 0 12px;
  }
}

.copyright{
  background-color: #f8f8f8;
  color: #666;
  text-align: center;
}
/*****************************************************************************
  #蜷�ｨｮ繝��繝悶Ν
******************************************************************************/
/* 蠖ｹ蜩｡蜷咲ｰｿ */

table.meibo {
	border-collapse: collapse;
	margin: 0px auto 20px auto;
	width: 90%;
}
table.meibo thead { 
	background-color: #eee; 
	font-size: 0.8em;
}
table.meibo caption {
	font-size: 0.85em;
	text-align: left;
	border-left: #93a553 solid 4px;
	text-indent: 8px;
	line-height: 12px;
	margin-bottom: 3px;
}

table.meibo th {
    width:15em;
	border: 1px solid #CCC;
	padding: 2px;
	font-size: 0.9em;
}

table.meibo td {
	text-align: center;
	border: 1px solid #CCC;
	padding: 2px;
	font-size: 0.9em;
}

/* 繧､繝吶Φ繝域ｦりｦ√€€th:繧ｰ繝ｬ繝ｼ縲€鄂ｫ邱壻ｻ倥″*/
table.gaiyo  {
  margin-top: 20px;
  margin-bottom: 20px;
  width: 100%;
}
table.gaiyo th {
  white-space: nowrap;
  padding: 3px 6px 3px 6px;
  border: 1px solid #ccc;
  background-color: #DCE1E1;
  font-weight: normal;
  vertical-align: top;
}
table.gaiyo td  {
  padding: 3px 6px 3px 6px;
  border: 1px solid #ccc;
  font-weight: normal;
  vertical-align: top;
}
/* 繧､繝吶Φ繝域ｦりｦ√€€th:繧ｰ繝ｬ繝ｼ縲€荳贋ｸ九�縺ｿ鄂ｫ邱壻ｻ倥″*/

table.line  {
  margin-top: 20px;
  margin-bottom: 20px;
  width: 100%;
}
table.line th {
  white-space: nowrap;
  padding: 3px 6px 3px 6px;
  background-color: #DCE1E1;
  font-weight: normal;
  vertical-align: top;
  border-top: 1px #cccccc solid;
  border-right: none;
  border-bottom: 1px #cccccc solid;
  border-left:none;
}

table.line td  {
  padding: 3px 6px 3px 6px;
  border: 1px solid #ccc;
  font-weight: normal;
  vertical-align: top;
  border-top: 1px #cccccc solid;
  border-right: none;
  border-bottom: 1px #cccccc solid;
 border-left:none;
}
/* CFDB */

table.cfdb  {
  margin-top: 10px;
  margin-bottom: 10px;
  width: 100%;
}
table.cfdb th {
  white-space: nowrap;
 font-size:0.8em;
 padding: 1px 1px 1px 1px;
  background-color: #DCE1E1;
  font-weight: normal;
  vertical-align: top;
  border-top: 1px #cccccc solid;
  border-right:  1px #cccccc solid;
  border-bottom: 1px #cccccc solid;
  border-left: 1px #cccccc solid;
}

table.cfdb td  {
  white-space: nowrap;
 font-size:0.8em;
  padding: 1px 1px 1px 1px;
  border: 1px solid #ccc;
  font-weight: normal;
  vertical-align: top;
  border-top: 1px #cccccc solid;
  border-right:  1px #cccccc solid;
  border-bottom: 1px #cccccc solid;
 border-left: 1px #cccccc solid;
}
/*****************************************************************************
  #DT/DL縺ｮ繧､繝吶Φ繝域ｦりｦ�ｼ磯浹繝輔ぉ繧ｹ104縺ｧ菴ｿ逕ｨ��
******************************************************************************/
.overview dl {
/* padding: 3px 0; */
border-bottom: 1px solid #ccc;
}
.overview dt {
/* padding-bottom: 5px; */
}

@media screen and (min-width: 768px) {
.overview dt {
clear: left;
float: left;
width: 10%;
}
.overview dd {
margin-left: 11%;
}
}
/*****************************************************************************
  #蜃ｺ貍泌屮菴薙�繝ｭ繝輔う繝ｫ
******************************************************************************/
.profile p {
	 text-indent: 0;
}
.profile img {
	padding:4px 4px;
}
.profile h4 {
	padding:10px 4px 0px 0px;
}
/*****************************************************************************
  #繝輔か繝ｼ繝�縺ｮ繝√ぉ繝�け
******************************************************************************/
span.wpcf7-list-item { 
	display: block; 
}
/*****************************************************************************
  wp-caption-text縺ｮ螟画峩
******************************************************************************/
.wp-caption-text {
  margin-top: 0 !important;
  text-align: center;
  font-size: 0.85em;
}

/*****************************************************************************
  繝医ャ繝励せ繝ｩ繧､繝�
******************************************************************************/
@media (max-width: 768px){
	#main h1 {
		font-size: 1.4rem !important;
	}
}
@media (max-width: 450px){
	#main h1 {
		font-size: 1.1rem !important;
	}
}


/*****************************************************************************
  etc
******************************************************************************/

.dsp-t	{ display: table !important; }	.dps-tw	{ display: table-row !important; }	.dsp-tc	{ display: table-cell !important; }
.dsp-b	{ display: block !important; }	.dsp-i	{ display: inline !important; }	.dsp-ibw{ display: inline-block !important; }

.hidden { display: none; }

.list-none	{ list-style-type: none !important; }	.list-disc	{ list-style-type: disc !important; }	.list-decimal	{ list-style-type: decimal !important; }

.text-kome	{ text-indent: -1em; margin-left: 1em; }

.va-t { vertical-align: top !important; } .va-m	{ vertical-align: middle !important; } .va-b { vertical-align: bottom;  }

.m-t-0 { margin-top: 0 !important; } .m-t-10 { margin-top: 10px !important; } .m-t-20 { margin-top: 20px !important; } .m-t-30 { margin-top: 30px !important; } .m-t-40 { margin-top: 40px !important;} .m-t-50 { margin-top: 50px !important; }
.m-l-0 { margin-left: 0 !important; } .m-l-10 { margin-left: 10px !important; } .m-l-20 { margin-left: 20px !important; } .m-l-30 { margin-left: 30px !important; } .m-l-40 { margin-left: 40px !important;} .m-l-50 { margin-left: 50px !important; }
.m-r-0 { margin-right: 0 !important; } .m-r-10 { margin-right: 10px !important; } .m-r-20 { margin-right: 20px !important; } .m-r-30 { margin-right: 30px !important; } .m-r-40 { margin-right: 40px !important; }	.m-r-50 { margin-right: 50px !important; }
.m-b-0 { margin-bottom: 0 !important; } .m-b-10 { margin-bottom: 10px !important; } .m-b-20 { margin-bottom: 20px !important; } .m-b-30 { margin-bottom: 30px !important; } .m-b-40 { margin-bottom: 40px !important; }	.m-b-50 { margin-bottom: 50px !important; }

.p-t-0 { padding-top: 0 !important; } .p-t-10 { padding-top: 10px !important; } .p-t-20 { padding-top: 20px !important; } .p-t-30 { padding-top: 30px !important; } .p-t-40 { padding-top: 40px !important; }	.p-t-50 { padding-top: 50px !important; }
.p-l-0 { padding-left: 0 !important; } .p-l-10 { padding-left: 10px !important; } .p-l-20 { padding-left: 20px !important; } .p-l-30 { padding-left: 30px !important; } .p-l-40 { padding-left: 40px !important; }	.p-l-50 { padding-left: 50px !important; }
.p-r-0 { padding-right: 0 !important; } .p-r-10 { padding-right: 10px !important; } .p-r-20 { padding-right: 20px !important; } .p-r-30 { padding-right: 30px !important; } .p-r-40 { padding-right: 40px !important; }	.p-r-50 { padding-right: 50px !important; }
.p-b-0 { padding-bottom: 0 !important; } .p-b-10 { padding-bottom: 10px !important; } .p-b-20 { padding-bottom: 20px !important; } .p-b-30 { padding-bottom: 30px !important; } .p-b-40 { padding-bottom: 40px !important; }	.p-b-50 { padding-bottom: 50px !important; }


.mytube video {width:80%;vertical-align:top;}
@media (max-width: 467px) {
.mytube img {width:100%;vertical-align:top;}
.mytube video {width:100%;vertical-align:top;}
}