@charset "UTF-8";
/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

	変数設定

//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*
/* color */
/* trans */
           /*
@mixin transition_hover { transition:0.35s ease; }
@mixin opacity_hover { opacity:0.5; }
@mixin scale_hover { transform:scale(1.2); }
*/
/* breakpoint */
/* margin */
@media (max-width: 768px) {
  /* breakpoint */ }
/* CSS Document */
/* --------------------------------------------------
	ユーザー画面用CSS
-------------------------------------------------- */
/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

	テーマ
	
	header記載
	/* イベントボタン □ */
/*
.event_request_btn,
.event_submit_btn,
.check_event_form_submit_btn,
.send_event_form_submit_btn,
.home_submit_btn { background-color:<?php echo $my_array['butcolor']; ?> !important; border-color:<?php echo $my_array['butcolor']; ?> !important; }
.event_request_btn,
.event_submit_btn:hover,
.check_event_form_submit_btn:hover,
.send_event_form_submit_btn:hover,
.home_submit_btn:hover { color:<?php echo $my_array['butcolor']; ?> !important; background:#fff !important; }

/* 関連記事 */
/*
#relatedBlock { background-color:rgba( <?php echo $maincolor[0]; ?>, <?php echo $maincolor[1]; ?>, <?php echo $maincolor[2]; ?>, 0.15) !important; }
*/
/*--------------------------------------------------------------
	イベント一覧　archive-event.php
--------------------------------------------------------------*/
/* archive_list */
.archive_list.event .img_box,
#articleDetail.event .img_box {
  position: relative;
  margin-bottom: 20px; }
  .archive_list.event .img_box .event_type,
  #articleDetail.event .img_box .event_type {
    position: absolute;
    color: #fff;
    text-align: center;
    top: 12px;
    right: -35px;
    padding: 2px;
    width: 120px;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4); }
  .archive_list.event .img_box .recruiting,
  .archive_list.event .img_box .notice,
  #articleDetail.event .img_box .recruiting,
  #articleDetail.event .img_box .notice {
    position: absolute;
    top: 0;
    left: 0;
    background: #fff;
    padding: 0px 10px; }
  .archive_list.event .img_box .recruiting,
  #articleDetail.event .img_box .recruiting {
    color: #BB0000; }
.archive_list.event .data_box .emsdb_category_list li,
#articleDetail.event .data_box .emsdb_category_list li {
  display: inline-block !important;
  padding: 5px 10px;
  color: #fff;
  font-size: 1rem;
  line-height: 1;
  margin-bottom: 10px; }
.archive_list.event .data_box .title,
#articleDetail.event .data_box .title {
  font-size: 1rem;
  margin-bottom: 10px; }
.archive_list.event .data_box time,
.archive_list.event .data_box .capacity,
.archive_list.event .data_box .location,
.archive_list.event .data_box .performer,
#articleDetail.event .data_box time,
#articleDetail.event .data_box .capacity,
#articleDetail.event .data_box .location,
#articleDetail.event .data_box .performer {
  font-size: 0.8rem;
  color: #999;
  padding-left: 18px;
  background-position: top 3px left !important;
  background-repeat: no-repeat !important;
  background-size: 12px !important; }
.archive_list.event .data_box time,
#articleDetail.event .data_box time {
  display: block;
  background-image: url("../img/icon_time.svg"); }
.archive_list.event .data_box .capacity,
#articleDetail.event .data_box .capacity {
  background-image: url("../img/icon_man.svg"); }
.archive_list.event .data_box .location,
#articleDetail.event .data_box .location {
  background-image: url("../img/icon_place.svg"); }
.archive_list.event .data_box .performer,
#articleDetail.event .data_box .performer {
  background-image: url("../img/icon_mike.svg"); }
.archive_list.event .data_box .excerpt,
#articleDetail.event .data_box .excerpt {
  font-size: 1rem;
  color: #999; }
.archive_list.event a,
#articleDetail.event a {
  display: block; }
.archive_list.event.column_3,
#articleDetail.event.column_3 {
  overflow: hidden; }
.archive_list.event > li,
#articleDetail.event > li {
  position: relative;
  float: left;
  margin: 0 20px 40px 0;
  overflow: hidden;
  text-align: left; }
.archive_list.event.column_3 > li,
#articleDetail.event.column_3 > li {
  width: calc((100% - 40px) / 3 ); }
  .archive_list.event.column_3 > li:nth-child(3n),
  #articleDetail.event.column_3 > li:nth-child(3n) {
    margin-right: 0; }

#pickupBlock {
  margin-bottom: 60px;
  background: rgba(14, 99, 95, 0.05);
  padding: 30px; }
  #pickupBlock h3 {
    font-size: 1.75rem;
    text-align: center;
    padding-bottom: 20px; }
  #pickupBlock #eventList {
    margin-bottom: 0; }

/*--------------------------------------------------------------
	イベント詳細　single-event.php
--------------------------------------------------------------*/
#articleDetail.event #eyecatchImg {
  margin-bottom: 60px; }
#articleDetail.event #articleTitle {
  font-size: 2rem;
  line-height: 1.6;
  margin-bottom: 20px; }
#articleDetail.event .emsdb_category_list li {
  display: inline-block !important;
  padding: 10px;
  color: #fff;
  font-size: 1rem;
  line-height: 1;
  margin-bottom: 10px; }

/*--------------------------------------------------------------
	HOME　front-page.php 【builder004】
--------------------------------------------------------------*/
#eventList.builder004 time {
  display: block;
  background-image: url("../img/icon_time_white.svg"); }
#eventList.builder004 .capacity {
  background-image: url("../img/icon_man_white.svg"); }
#eventList.builder004 .location {
  background-image: url("../img/icon_place_white.svg"); }
#eventList.builder004 .performer {
  background-image: url("../img/icon_mike_white.svg"); }

#eventList.builder002 {
  text-align: left;
  border-top: 1px solid #e6e6e6;
  overflow: hidden;
  background: #fff; }
  #eventList.builder002 > li {
    position: relative;
    overflow: hidden;
    float: left;
    width: calc(100% / 2);
    padding: 10px;
    margin: 0;
    border-bottom: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6; }
    #eventList.builder002 > li a {
      display: block;
      overflow: hidden; }
    #eventList.builder002 > li .img_box {
      float: left;
      width: 100px;
      height: 100px;
      margin-right: 20px;
      overflow: hidden;
      margin-bottom: 0; }
    #eventList.builder002 > li .img_box img {
      width: 100%;
      transition-duration: 0.3s; }
    #eventList.builder002 > li .data_box {
      float: left;
      width: calc(100% - 120px); }
      #eventList.builder002 > li .data_box .title {
        margin-bottom: 0;
        font-size: 1.15rem; }
    #eventList.builder002 > li .event_type {
      text-align: center;
      color: #fff;
      position: absolute;
      top: 10px;
      right: -35px;
      padding: 2px;
      width: 120px;
      -ms-transform: rotate(45deg);
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg); }
      #eventList.builder002 > li .event_type .past {
        background: #666; }
      #eventList.builder002 > li .event_type .current {
        background: #CC0000; }
      #eventList.builder002 > li .event_type .future {
        background: #FF7700; }
  #eventList.builder002 > li:hover .img_box img {
    transform: scale(1.1); }
  #eventList.builder002 > li:hover .data_box {
    opacity: 0.5; }

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

	Event

//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.emsdbEventBlock {
  overflow: hidden;
  /* table */
  /* table_type1 */
  /* table_type2 */
  /* button */
  /* エラーメッセージ */
  /*--------------------------------------------------------------
  	イベント情報
  --------------------------------------------------------------*/
  /* タグ */
        /*
.tag_list { padding-left:25px; color:#999; background:url("../img/icon_tag.svg") top 2px left no-repeat; background-size:16px; line-height:1.6; margin:40px 0; overflow:hidden;
	li { position:relative; display:inline-block; margin:0 10px 0 0; padding:0 10px 0 0; }
	li::before { position:absolute; content:'｜'; right:-0.5em; left:auto; top:auto; bottom:auto; width:0; height:0; }
	li:last-child::before { content:''; }
	a { color:#999; text-decoration:none; }
}*/
  /* adjust_box */
  /*--------------------------------------------------------------
  	申し込みフォーム
  --------------------------------------------------------------*/
  /*--------------------------------------------------------------
  	完了画面
  --------------------------------------------------------------*/ }
  .emsdbEventBlock * {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: none; }
  .emsdbEventBlock h3 {
    font-size: 1.6rem;
    margin-bottom: 20px;
    border-bottom: 2px solid #0e635f; }
  .emsdbEventBlock h4 {
    font-size: 1.4rem;
    margin-bottom: 0px; }
  .emsdbEventBlock .w20 {
    width: 20%; }
  .emsdbEventBlock .w30 {
    width: 30%; }
  .emsdbEventBlock .w50 {
    width: 50%; }
  .emsdbEventBlock .w100 {
    width: 100%; }
  .emsdbEventBlock .required {
    margin: 0; }
  .emsdbEventBlock input,
  .emsdbEventBlock textarea,
  .emsdbEventBlock select {
    font-size: 16px;
    border-radius: 2px;
    background: #fff;
    padding: 10px;
    border: 1px solid #ccc;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box; }
  .emsdbEventBlock select {
    padding-right: 40px;
    background: url("../img/arrow_pulldown.svg") center right 8px no-repeat;
    background-size: 14px; }
  .emsdbEventBlock .event_content {
    margin-bottom: 40px; }
  .emsdbEventBlock table {
    margin: 0;
    width: 100%;
    margin-bottom: 40px; }
    .emsdbEventBlock table * {
      vertical-align: middle; }
    .emsdbEventBlock table th sup {
      color: #DD0000;
      font-size: 0.75rem;
      vertical-align: top; }
    .emsdbEventBlock table td input {
      display: inline-block; }
    .emsdbEventBlock table td label {
      display: inline-block;
      margin-right: 10px; }
    .emsdbEventBlock table td p {
      margin-bottom: 10px; }
    .emsdbEventBlock table td span {
      margin: 0 5px; }
    .emsdbEventBlock table .mapBlock iframe {
      width: 100%;
      height: 300px;
      margin-top: 10px; }
    .emsdbEventBlock table .example,
    .emsdbEventBlock table .unit {
      color: #999;
      margin-left: 5px; }
    .emsdbEventBlock table .radio input[type="radio"],
    .emsdbEventBlock table .checkbox input[type="checkbox"] {
      margin-right: 5px;
      vertical-align: top; }
    .emsdbEventBlock table .address p:nth-last-child(-n+3) input {
      width: calc(100% - 6em); }
    .emsdbEventBlock table input.unit {
      width: 5rem;
      border: none; }
    .emsdbEventBlock table .but_clear {
      display: inline-block;
      padding: 0 10px;
      color: #fff;
      background: #ccc;
      cursor: pointer; }
    .emsdbEventBlock table #multipleList {
      display: none; }
      .emsdbEventBlock table #multipleList li {
        margin-top: 10px; }
  .emsdbEventBlock .emsdb_table_type1 th {
    width: 150px;
    padding: 10px;
    border: 1px solid #ccc;
    vertical-align: top; }
  .emsdbEventBlock .emsdb_table_type1 td {
    padding: 10px;
    border: 1px solid #ccc; }
  .emsdbEventBlock .emsdb_table_type2 * {
    text-align: center; }
  .emsdbEventBlock .emsdb_table_type2 thead th {
    padding: 20px 10px;
    border: 1px solid #ccc;
    vertical-align: middle; }
  .emsdbEventBlock .emsdb_table_type2 thead td {
    border: 1px solid #ccc; }
  .emsdbEventBlock .emsdb_table_type2 thead td.day {
    line-height: 1; }
  .emsdbEventBlock .emsdb_table_type2 thead td .year {
    font-size: 0.8rem; }
  .emsdbEventBlock .emsdb_table_type2 tbody th {
    border: 1px solid #ccc;
    vertical-align: middle; }
  .emsdbEventBlock .emsdb_table_type2 tbody td {
    padding: 10px;
    border: 1px solid #ccc; }
  .emsdbEventBlock .emsdb_table_type2 tbody td.off {
    background: #eee; }
  .emsdbEventBlock .emsdb_table_type2 tbody .capacity {
    line-height: 1.4;
    cursor: pointer;
    transition: background-color .3s ease; }
    .emsdbEventBlock .emsdb_table_type2 tbody .capacity .remaining {
      font-size: 0.8rem;
      color: #999; }
  .emsdbEventBlock .emsdb_table_type2 tbody .closed {
    font-size: 0.8rem;
    color: #999; }
  .emsdbEventBlock .emsdb_table_type2 tbody .capacity:hover {
    color: #fff;
    background: #28BD00; }
    .emsdbEventBlock .emsdb_table_type2 tbody .capacity:hover * {
      color: #fff; }
  .emsdbEventBlock .but_event {
    text-align: center; }
    .emsdbEventBlock .but_event button[type="submit"],
    .emsdbEventBlock .but_event .event_request_btn {
      width: 340px;
      margin: 40px auto 0;
      padding: 20px;
      color: #fff;
      background: #28BD00;
      font-size: 1rem;
      line-height: 1;
      cursor: pointer;
      transition: background-color .3s ease;
      border: 1px solid;
      border-color: #28BD00; }
    .emsdbEventBlock .but_event button[type="submit"] {
      font-size: 1.25rem; }
    .emsdbEventBlock .but_event button[type="submit"]:hover,
    .emsdbEventBlock .but_event .event_request_btn:hover {
      color: #28BD00;
      background: #fff; }
  .emsdbEventBlock .back_event_form_submit_btn {
    background: #ccc !important;
    border-color: #ccc !important; }
  .emsdbEventBlock .back_event_form_submit_btn:hover {
    color: #999 !important;
    background: #fff !important; }
  .emsdbEventBlock ul.error_message {
    font-size: 1.6rem;
    font-weight: bold; }
  .emsdbEventBlock .color_red {
    color: #CC0000; }
  .emsdbEventBlock .adjust_box {
    position: relative;
    width: 100%;
    height: auto;
    margin: 0 !important;
    overflow: hidden; }
    .emsdbEventBlock .adjust_box.box_16x9:before {
      content: "";
      display: block;
      padding-top: 56%; }
    .emsdbEventBlock .adjust_box .inner {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      overflow: hidden;
      background: #E4E4E4; }
    .emsdbEventBlock .adjust_box img,
    .emsdbEventBlock .adjust_box iframe {
      width: 100%;
      height: auto; }
  .emsdbEventBlock .emsdb_custom_field_table {
    margin-bottom: 120px; }
  .emsdbEventBlock #new_member_form #user_address_1 {
    margin-left: 3rem; }
  .emsdbEventBlock #new_member_form #user_address_2 {
    width: calc(100% - 8rem);
    margin-left: 3rem; }
  .emsdbEventBlock #new_member_form #user_address_3 {
    width: calc(100% - 8rem); }
  .emsdbEventBlock #thanksBlock {
    text-align: center;
    margin-bottom: 120px; }

/*--------------------------------------------------------------
	ウィジェット
--------------------------------------------------------------*/
/* テーマ「widget.css」に記載 */
/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

	SP　表示領域が768px以下

//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media (max-width: 768px) {
  /*--------------------------------------------------------------
  	イベント一覧　archive-event.php
  --------------------------------------------------------------*/
  /* archive_list */
  .archive_list.event a,
  #articleDetail.event a {
    display: block; }
  .archive_list.event > li,
  #articleDetail.event > li {
    float: none;
    margin: 0 0 20px 0; }
  .archive_list.event.column_3 > li,
  #articleDetail.event.column_3 > li {
    width: 100%; }

  #pickupBlock {
    margin: 30px 0;
    padding: 20px; }
    #pickupBlock h3 {
      font-size: 125%;
      padding-bottom: 10px; }

  /*--------------------------------------------------------------
  	イベント詳細　single-event.php
  --------------------------------------------------------------*/
  /*--------------------------------------------------------------
  	HOME　front-page.php 【builder004】
  --------------------------------------------------------------*/
  #homePage #eventList .emsdb_category_list {
    display: inline-block; }

  	/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
  
  		Event
  
  	//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
  .emsdbEventBlock {
    /* table */
    /* table_type1 */
    /* table_type2 */
    /* button */
    /* エラーメッセージ */
    /*--------------------------------------------------------------
    	イベント情報
    --------------------------------------------------------------*/
    /* タグ */
        /*
.tag_list {
	li { }
	li::before { }
	li:last-child::before { }
	a { }
}*/
    /* adjust_box */
    /*--------------------------------------------------------------
    	申し込みフォーム
    --------------------------------------------------------------*/
    /*--------------------------------------------------------------
    	完了画面
    --------------------------------------------------------------*/ }
    .emsdbEventBlock .event_content {
      margin-bottom: 20px; }
    .emsdbEventBlock table {
      margin-bottom: 20px; }
    .emsdbEventBlock .emsdb_table_type1 {
      border: 1px solid #ccc; }
      .emsdbEventBlock .emsdb_table_type1 th {
        display: block;
        width: 100%;
        background: #eee;
        border: none; }
      .emsdbEventBlock .emsdb_table_type1 td {
        display: block;
        width: 100%;
        padding: 10px;
        border: none; }
    .emsdbEventBlock .emsdb_table_type2 thead {
      background: #F9F9F9; }
    .emsdbEventBlock .emsdb_table_type2 tbody th {
      background: #F9F9F9; }
    .emsdbEventBlock .emsdb_table_type2 tbody .capacity {
      line-height: 1.4;
      cursor: pointer;
      transition: background-color .3s ease; }
    .emsdbEventBlock .but_event {
      text-align: center; }
      .emsdbEventBlock .but_event button[type="submit"],
      .emsdbEventBlock .but_event .event_request_btn {
        width: 80%;
        margin: 20px auto 0; }
    .emsdbEventBlock .emsdb_custom_field_table {
      margin-bottom: 60px; }
    .emsdbEventBlock #thanksBlock {
      text-align: center;
      margin-bottom: 60px; } }