@charset "UTF-8";
/** common.css のスタイルを打ち消す */
#news_dtl p {
	margin: 0;
	padding: 0;
}
#news_dtl h4 {
	padding: 0;
}

/** ゲスト一覧 */
#news_dtl .ocguest-lists_container {
  container-type: inline-size;
}

#news_dtl .ocguest-lists_container .grid {
  --_column: 2;
  --_gap: clamp(8px, 2cqi, 16px);

  display: block grid;
  grid-template-columns: repeat(auto-fit, calc((100% - var(--_gap) * (var(--_column) - 1)) / var(--_column)));
  gap: var(--_gap);
  justify-content: center;

  @container (640px <= inline-size) {
    --_column: 4;
  }
}

#news_dtl .ocguest-lists_container .grid .item > p.p-image {
	margin: 0;
}
#news_dtl .ocguest-lists_container .grid .item > h4.p-heading-text {
	margin: 0;
	margin-top: 10px;
	text-align: center;
	font-size: 21px;
	font-weight: bold;
    /*padding: 10px 0 5px 0;*/
}
#news_dtl .ocguest-lists_container .grid .item > p.p-caption-text {
	margin: 0;
	margin-top: 5px;
    font-size: 12px;
    text-align:center;
}
#news_dtl .ocguest-lists_container .grid .item > p.p-link-button {
	margin: 5px 0 10px 0;
}
#news_dtl .ocguest-lists_container .grid .item > p.p-link-button a {
	margin: 0;
	margin-top: 5px;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 0.25em 0.25em 0.25em 0.25em;
    -moz-border-radius: 0.25em 0.25em 0.25em 0.25em;
    border-radius: 0.25em 0.25em 0.25em 0.25em;
    background: transparent;

    border: 2px solid ;
    /*color: #e97101 !important; */
    font-size: 1.15em;
    padding: 1em;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
    width: 100%;
    max-width: 100%;
    padding-inline: 2em;
    cursor: pointer;
    display: inline-block;
    line-height: 1em;
    text-align: center;
    text-decoration: none;
}
#news_dtl .ocguest-lists_container .grid .item > p.p-link-button a:active,
#news_dtl .ocguest-lists_container .grid .item > p.p-link-button a:hover {
/*  background: #e97101;
  border-color: #e97101;*/
  color: #ffffff !important;
}

@media only screen and (max-width: 768px) {
	
	#news_dtl .ocguest-lists_container .grid .item > h4.p-heading-text {
		font-size: 3.6vw;
    	padding: 0;
	}
	
	#news_dtl .ocguest-lists_container .grid .item > p.p-caption-text {
	    font-size: 10px;
	}
}

/** 過去のゲストイベントの 様子をCHECK */

#news_dtl #ocguest-previous_events h4 {
	color: rgb(255, 0, 0);
    text-align: center;
    padding: 0;
}

#news_dtl .ocguest-previous_events_container {
  container-type: inline-size;
  margin-top: 30px;
}

#news_dtl .ocguest-previous_events_container .grid {
  --_column: 1;
  --_gap: clamp(8px, 2cqi, 24px);

  display: block grid;
  grid-template-columns: repeat(auto-fit, calc((100% - var(--_gap) * (var(--_column) - 1)) / var(--_column)));
  gap: var(--_gap);
  justify-content: center;

  @container (640px <= inline-size) {
    --_column: 3;
  }
}


#news_dtl .ocguest-previous_events_container .grid .item p {
	margin: 0;
	margin-top: 15px;
	text-align: center;
}

#news_dtl .ocguest-previous_events_container .grid .item p a {
	color: #ff3a72;
    font-size: 15px;
}

#news_dtl #ocguest-previous_events .moreButton {
	margin: 50px 0;
	text-align: center;
}
#news_dtl #ocguest-previous_events .moreButton a {
    display: inline-block;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 0.25em 0.25em 0.25em 0.25em;
  -moz-border-radius: 0.25em 0.25em 0.25em 0.25em;
  border-radius: 0.25em 0.25em 0.25em 0.25em;
  background: transparent;
  border: 2px solid #dd3333;
  color: #dd3333 !important;
  font-size: 1.15em;
  
  padding: .6em;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
  width: 80%;
  max-width: 100%;
  /*padding-inline: 2em;*/
  line-height: 1.2;
}
#news_dtl #ocguest-previous_events .moreButton a:active,
#news_dtl #ocguest-previous_events .moreButton a:hover {
  background: #dd3333;
  border-color: #dd3333;
  color: #ffffff !important;
}

@media only screen and (max-width: 768px) {
	#news_dtl .ocguest-previous_events_container .grid .item {
		margin-bottom: 20px;
	}
}

/*
#news_dtl .ocguest-lists_container .grid .item > p.coming_soon {
    display: flex;
    align-items: center;
    height: 222px;
    justify-content: center;
	color: #fff;
	border: 5px solid #000;
    border-radius: 5px;
    font-size: 22px;
}

#news_dtl .ocguest-lists_container .grid .item > p.month-01-coming_soon {
	border-color: #DF0000;
	background-color: rgba(223, 0, 0, .4);
}
#news_dtl .ocguest-lists_container .grid .item > p.month-02-coming_soon {
	border-color: #FF8C7D;
	background-color: rgba(255, 140, 125, .4);
}
#news_dtl .ocguest-lists_container .grid .item > p.month-03-coming_soon {
	border-color: #4ACECE;
	background-color: rgba(74, 206, 206, .4);
}
#news_dtl .ocguest-lists_container .grid .item > p.month-04-coming_soon {
	border-color: #FFA1C7;
	background-color: rgba(255, 161, 199, .4);
}
#news_dtl .ocguest-lists_container .grid .item > p.month-05-coming_soon {
	border-color: #7DC91B;
	background-color: rgba(125, 201, 27, .4);
}
#news_dtl .ocguest-lists_container .grid .item > p.month-06-coming_soon {
	border-color: #907CCD;
	background-color: rgba(144, 124, 205, .4);
}
#news_dtl .ocguest-lists_container .grid .item > p.month-07-coming_soon {
	border-color: #FA4366;
	background-color: rgba(250, 67, 102, .4);
}
#news_dtl .ocguest-lists_container .grid .item > p.month-08-coming_soon {
	border-color: #0ABAB5;
	background-color: rgba(10, 186, 181, .4);
}
#news_dtl .ocguest-lists_container .grid .item > p.month-09-coming_soon {
	border-color: #F08954;
	background-color: rgba(240, 137, 84, .4);
}
#news_dtl .ocguest-lists_container .grid .item > p.month-10-coming_soon {
	border-color: #66339A;
	background-color: rgba(102, 51, 154, .4);
}
#news_dtl .ocguest-lists_container .grid .item > p.month-11-coming_soon {
	border-color: #CC2D47;
	background-color: rgba(204, 45, 71, .4);
}
#news_dtl .ocguest-lists_container .grid .item > p.month-12-coming_soon {
	border-color: #016622;
	background-color: rgba(1, 102, 34, .4);
}
*/

/* 各月の色定義 */
.month-01-text {
	color: #DF0000;
}
.month-02-text {
	color: #FF8C7D;
}
.month-03-text {
	color: #4ACECE;
}
.month-04-text {
	color: #FFA1C7;
}
.month-05-text {
	color: #7DC91B;
}
.month-06-text {
	color: #907CCD;
}
.month-07-text {
	color: #FA4366;
}
.month-08-text {
	color: #0ABAB5;
}
.month-09-text {
	color: #F08954;
}
.month-10-text {
	color: #66339A;
}
.month-11-text {
	color: #CC2D47;
}
.month-12-text {
	color: #016622;
}


#news_dtl .ocguest-lists_container .grid .item > p.p-link-button a.month-01-button {
	color: #DF0000;
}
#news_dtl .ocguest-lists_container .grid .item > p.p-link-button a.month-02-button {
	color: #FF8C7D;
}
#news_dtl .ocguest-lists_container .grid .item > p.p-link-button a.month-03-button {
	color: #4ACECE;
}
#news_dtl .ocguest-lists_container .grid .item > p.p-link-button a.month-04-button {
	color: #FFA1C7;
}
#news_dtl .ocguest-lists_container .grid .item > p.p-link-button a.month-05-button {
	color: #7DC91B;
}
#news_dtl .ocguest-lists_container .grid .item > p.p-link-button a.month-06-button {
	color: #907CCD;
}
#news_dtl .ocguest-lists_container .grid .item > p.p-link-button a.month-07-button {
	color: #FA4366;
}
#news_dtl .ocguest-lists_container .grid .item > p.p-link-button a.month-08-button {
	color: #0ABAB5;
}
#news_dtl .ocguest-lists_container .grid .item > p.p-link-button a.month-09-button {
	color: #F08954;
}
#news_dtl .ocguest-lists_container .grid .item > p.p-link-button a.month-10-button {
	color: #66339A;
}
#news_dtl .ocguest-lists_container .grid .item > p.p-link-button a.month-11-button {
	color: #CC2D47;
}
#news_dtl .ocguest-lists_container .grid .item > p.p-link-button a.month-12-button {
	color: #016622;
}

#news_dtl .ocguest-lists_container .grid .item > p.p-link-button a.month-01-button:hover {
	color: #fff;
	background-color: #DF0000;
}
#news_dtl .ocguest-lists_container .grid .item > p.p-link-button a.month-02-button:hover {
	color: #fff;
	background-color: #FF8C7D;
}
#news_dtl .ocguest-lists_container .grid .item > p.p-link-button a.month-03-button:hover {
	color: #fff;
	background-color: #4ACECE;
}
#news_dtl .ocguest-lists_container .grid .item > p.p-link-button a.month-04-button:hover {
	color: #fff;
	background-color: #FFA1C7;
}
#news_dtl .ocguest-lists_container .grid .item > p.p-link-button a.month-05-button:hover {
	color: #fff;
	background-color: #7DC91B;
}
#news_dtl .ocguest-lists_container .grid .item > p.p-link-button a.month-06-button:hover {
	color: #fff;
	background-color: #907CCD;
}
#news_dtl .ocguest-lists_container .grid .item > p.p-link-button a.month-07-button:hover {
	color: #fff;
	background-color: #FA4366;
}
#news_dtl .ocguest-lists_container .grid .item > p.p-link-button a.month-08-button:hover {
	color: #fff;
	background-color: #0ABAB5;
}
#news_dtl .ocguest-lists_container .grid .item > p.p-link-button a.month-09-button:hover {
	color: #fff;
	background-color: #F08954;
}
#news_dtl .ocguest-lists_container .grid .item > p.p-link-button a.month-10-button:hover {
	color: #fff;
	background-color: #66339A;
}
#news_dtl .ocguest-lists_container .grid .item > p.p-link-button a.month-11-button:hover {
	color: #fff;
	background-color: #CC2D47;
}
#news_dtl .ocguest-lists_container .grid .item > p.p-link-button a.month-12-button:hover {
	color: #fff;
	background-color: #016622;
}