/* BLOG */

#youtube {
  position: relative;
  height: 100vh;
  width: 100%;
}

.topics_pans,
.s5_reco_section,
.ss-w-alhd-sp-section,
#ss-w-alhd-searchKey,
.pager_wrap,
.ss-w-alhd-pc-section,
.ss-w-alhd-pc-coordinateDisplay4lineUserBrand{
	display:none !important;
}
#blog_html{
	width: 100%;
	padding: 0 12% 0 8%;
}
#article_list ul{
	clear:both;
}
#staff_blog_container ul{
	display:flex;
	flex-wrap:wrap;
	width:100%;
}
#staff_blog_container ul li{
	float:none;
	width:48.5%;
}
#article_list > ul > li > a > p > img {
	width:100%;
	height:45.5vw;
	object-fit:cover;
}
#article_list > ul > li > a > p.ss-w-alhd-pc-articleDisplay4lineImage{
	margin:0 0 10px 0;
}
#article_list > ul > li > a > p:nth-child(2){
	font-size:12.5px;
	letter-spacing:0.05em;
}
#article_list > ul > li > a > p:nth-child(3){
	width:98%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ss-w-alhd-pc-articleDisplay4lineUserData{
	display: none;
}
#staff_blog_container ul li .ss-w-alhd-pc-coordinateDisplay4lineUserDatas{
	display: none;
}

#staff_blog_container .view_more .arrow{
	margin-top: 15px;
}


.insta-iframe {
	width: 100%;
	padding: 0 12% 0 8%;
	height: 80vw;
}

.free-bnr{
	width: 100%;
	padding: 50px 12% 0 8%;
	height: auto;	
}

#music_container .jp span{
display: block;
font-size: 1.5em;
font-weight: bold;
}

div.music_container:nth-child(n + 5) {
margin-top: 35px;	
}

@media only screen and (max-width: 769px) { /* SP */
	#staff_blog_container ul li:nth-child(odd){
		margin:0 3% 15px 0;
	}
	#staff_blog_container ul li:nth-child(even){
		margin:0 0 15px 0;
	}
}

@media only screen and (min-width: 769px) { /* Laptop PC */
#blog_html{
	padding: 0 200px 0 100px;
}
#staff_blog_container ul{
	display:flex;
	flex-wrap:no-wrap;
	width:100%;
}
#staff_blog_container ul li{
	float:none;
	width: 23.5%;
	margin: 0 2% 0 0;
}
#staff_blog_container ul li:last-child{
	margin: 0;
}
#article_list > ul > li > a > p.ss-w-alhd-pc-articleDisplay4lineImage{
	margin:0 0 10px 0;
}
#article_list > ul > li > a > p > img {
	width:100%;
	height:19.5vw;
	object-fit:cover;
}
.ss-w-alhd-pc-coordinateDisplay4lineUserDatas{
	position:absolute;
	top:5px;
	left:60px;
	width:150px;
	font-size:11px;
	text-overflow: ellipsis;
}

#staff_blog_container .view_more .arrow{
	margin-top: 35px;
}
.insta-iframe {
	padding: 0 200px 0 100px;
	height: 35vw;
}
.free-bnr{
	padding: 20px 200px 0 100px;
}
}

/* 
youtube
-------------------- */
#events_movie .frontyard_event {
  margin-bottom: 40px; }
#events_movie .frontyard_event .space_logo,
#events_movie .backyard_event .space_logo {
  width: 180px;
  margin-bottom: 10px; }
  #events_movie .frontyard_event .space_logo a,
  #events_movie .backyard_event .space_logo a {
    display: block; }
#events_movie .frontyard_event .event_thumb,
#events_movie .backyard_event .event_thumb {
  width: 100%;
  margin-bottom: 10px; }
  #events_movie .frontyard_event .event_thumb a,
  #events_movie .backyard_event .event_thumb a {
    display: block; }
#events_movie .frontyard_event .event_tx,
#events_movie .backyard_event .event_tx {
  font-size: .9em; }
  #events_movie .frontyard_event .event_tx .date,
  #events_movie .backyard_event .event_tx .date {
    font-size: .9em; }
  #events_movie .frontyard_event .event_tx h3,
  #events_movie .backyard_event .event_tx h3 {
    font-weight: bold;
    font-size: 1.2em;
    margin-bottom: 10px; }
  #events_movie .frontyard_event .event_tx .jp,
  #events_movie .backyard_event .event_tx .jp {
    margin-bottom: 10px; }

@media only screen and (min-width: 769px) {
  /* Laptop PC */
  #events_movie .frontyard_event {
    margin-bottom: 0;
    float: left; }
  #events_movie .backyard_event {
    float: right; }
  #events_movie .frontyard_event,
  #events_movie .backyard_event {
    width: 48%; }
    #events_movie .frontyard_event .space_logo,
    #events_movie .backyard_event .space_logo {
      width: 100%;
      max-width: 260px;
      margin-bottom: 15px; }
    #events_movie .frontyard_event .event_thumb,
    #events_movie .backyard_event .event_thumb {
      margin-bottom: 15px; }
    #events_movie .frontyard_event .event_tx,
    #events_movie .backyard_event .event_tx {
      font-size: 1em; }
      #events_movie .frontyard_event .event_tx .date,
      #events_movie .backyard_event .event_tx .date {
        font-size: 1em; }
      #events_movie .frontyard_event .event_tx h3,
      #events_movie .backyard_event .event_tx h3 {
        font-size: 1.4em;
        margin-bottom: 20px; }
      #events_movie .frontyard_event .event_tx .jp,
      #events_movie .backyard_event .event_tx .jp {
        margin-bottom: 15px; } }