@charset "UTF-8";

.page_ttl {
   display: none;
}

#top #news h1,
#top .twitter_box h1 {
   color: #092378;
   padding: 8px 14px 14px 24px;
   background-size: 100px;
   background-repeat: no-repeat;
}
#top #news h1 {
	background-image: url(../img/common/line.png), url(../img/top/news_soup_pan.png);
	background-position: bottom, right 10px bottom;
	background-size: 100% 3px, 120px !important;
	background-repeat: repeat-x , no-repeat;
	background-size: 100% 3px, 100%;
}
#top .twitter_box h1 {
	background-image: url(../img/common/line.png), url(../img/top/twitter_pine_curry.png);
	background-position: bottom, right 4px bottom;
	background-size: 100% 3px, 130px !important;
	background-repeat: repeat-x , no-repeat;
	background-size: 100% 3px, 100%;
}
#top .info.flex {
   display: block;
}
#top .primary {
   padding: 0;
}
#top .info .btns {
   width: 240px;
   margin: 2em auto 1em;
   font-size: 16px;
}
#top .btns .btn {
   padding: 1em !important;
}
#top .main_visual {
	position: relative;
}
#top .top_youtube {
	position: absolute;
	left: 1em;
	top: 1em;
	width: 25%;
	z-index: 2;
}
#top .top_youtube img {
	transition : all 0.4s ease 0s;
}
#top .top_youtube img:hover {
	opacity: 0.8;
	transition : all 0.4s ease 0s;
}
#top .news-list a:hover {
	text-decoration: underline;
}


/* --------------------------------------
   　PC style	
-------------------------------------- */
@media screen and (min-width: 1200px) {
   .pc_layout  #top .info.flex {
      display: flex;
      justify-content: space-between;
      margin-top: 2em;
   }
   .pc_layout  #top .info .news_box,
   .pc_layout  #top .info .twitter_box {
      width: 47%;
/*       height: 500px; */
      margin: 0;
   }
   .pc_layout  #top .info .twitter_data .twitter-timeline-rendered {
      width: 100%;
   }
   .pc_layout  #top .info .twitter_data {
      width: 100%;
   }
   #top .info .btns {
	   margin: 2em auto;
   }
   #top .top_youtube {
		position: absolute;
		right: 2em !important;
		left: inherit;
		top: 2em;
		width: 180px;
	}
	#top #news h1,
	#top .twitter_box h1 {
	   background-size: 100% 3px, 140px !important;
	}
	#top .twitter_box h1 {
		background-position: bottom, right 3px bottom;
	}

}