/* ///////////// header /////////////*/
header{
  position: relative!important;
}
/* /////// titleares 各キャプションタイトル欄 ///////*/
.titlearea{
  width: 100%;
  border-bottom: solid 2px #0066CC;
}
.titlename{
  font-family: 'Oswald', sans-serif;
  font-size: 2.4rem;
  color: #333300;
  display: inline-block;
  border-bottom: solid 1px #000000;
}
.subtitle{
  font-family: 'Open+Sans', sans-serif;
  font-size: 1rem;
  color: #333300;
  display: inline-block;
}
.content-item {
  width: 100%;
  display: inline-block;
  background: #fff;
  border: 2px solid #AAAAAA;
  border-radius: 10px;
  cursor: pointer;
  position: relative;
}
.content-item p{
  color: #AAAAAA;
  line-height: 2.1;
}
.content-item:hover {
	background: #0066FF;
  border: 2px solid #0066FF;
  border-radius: 10px;
}
.content-item p:hover {
	color: #FFFFFF;
}
/* ////// twitter_list ツイッター一覧ページ //////*/
@media only screen and (max-width:768px){
#social-area{
  width: 94%;
  margin: 0 auto;
}
.card-title {
  font-size: 1rem!important;
}
.card-text {
  font-size: 1.4rem!important;
}
.btn {
  font-size: 1.2rem!important;
}
}
@media only screen and (max-width:544px){
.card-title {
  font-size: 1.4rem!important;
}
.card-text {
  font-size: 1.6rem!important;
}
.btn {
  font-size: 1.6rem!important;
}
}
.twitter-card {
  border: 3px solid #000000;
}
.instagram-card {
  border: 3px solid #FF1493;
}
.title-tile {
  background-color: #000000;
  border-bottom: 3px dashed #FFFFFF;
}
.title-tile-i {
  background-color: #FF1493;
  border-bottom: 3px dashed #FFFFFF;
}
.card-img-top{
  box-sizing: inherit;
}
.card-title {
  font-size: 0.9rem;
  font-weight: bold;
  color: #FFFFFF;
}
.card-text {
  font-size: 1rem;
  color: #000066;
  border-bottom: 1px dashed #000066;
}
/*
.btn {
  font-size: 0.8rem!important;
}*/
a.btn{
  display: block;
  margin: 0 auto;
}