@charset "utf-8";
/* ==========================================================

title : 施設検索
scope : 著名な芸能人・歌手のホームページ・ブログ検索

last modify : 2017/08/23 304_uehara 「著名なプロダクション・芸能人・歌手 ホームページ／ブログ／SNS検索」改修#12273
memo ：
2017/08/23 共通フォルダからCSS分離
2015/10/29 222_souda h2のアキを修正
230_inagaki プロダクション追加によるcssクラス追加
2015/08/20 247_morita 関連施設情報追加
2015/06/15 277_suzuki
2014/02/04 201_wakabayashi
========================================================== */

.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
  line-height:0;
}
.clearfix { display: inline-block; }
/* exlude MacIE5 \*/
* html .clearfix { height: 1% }
.clearfix {display:block;}
/* end MacIE5 */

.bold{
  font-weight:bold;
}


/* header */
.header.header_mediapo .header_sec {
  background-color: #f75586;
}

/* -----------------------------------------
 カテゴリタブ
------------------------------------------- */
nav.tabbox {
  margin: 35px 0 16px;
  padding:0;
}

nav.tabbox > ul {
  overflow:hidden;
  width: 950px;
  margin:0px auto;
  padding:0;
  border-bottom:#6f20d3 solid 5px;
  font-size:15px;
}

nav.tabbox > ul > li {
  float:left;
  width:184px;
  height:36px;
  margin:0px 3px 0px 0px;
  border:#6f20d3 solid 1px;
  border-radius:5px 5px 0px 0px / 5px 5px 0px 0px;
  background:url(/useful/blog/image/nav_ico_wh.png) no-repeat 8px center,-webkit-gradient(linear, left top, left bottom, color-stop(0%,#6f20d3), color-stop(100%,#631cbd));
  background:url(/useful/blog/image/nav_ico_wh.png) no-repeat 8px center,-moz-linear-gradient(top, #6f20d3 0%, #631cbd 100%);
  background:url(/useful/blog/image/nav_ico_wh.png) no-repeat 8px center,linear-gradient(to bottom, #6f20d3 0%,#631cbd 100%);
  color:#fff;
  font-weight:bold;
  text-align:center;
  line-height:36px;
  position:relative;
}
nav.tabbox > ul > li:first-child {
  margin-left:3px;
}
nav.tabbox > ul > li.txt_long {
  letter-spacing: 0.01em;
  width:200px;
  padding-left: 20px;
}
nav.tabbox > ul > li.txt_middle {
  letter-spacing: 0.01em;
  width:178px;
  padding-left: 10px;
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
  nav.tabbox > ul > li.txt_long{
    letter-spacing: -0.1em;
  }
  nav.tabbox > ul > li.txt_middle{
    letter-spacing: -0.1em;
  }
}
nav.tabbox > ul > li > a {
  display:block;
  width:184px;
  height:36px;
  margin:-1px 0px 0px -1px;
  border:#875abf solid 1px;
  border-radius:5px 5px 0px 0px / 5px 5px 0px 0px;
  background:url(/useful/blog/image/nav_ico_pu.png) no-repeat 8px center,-webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f6efff));
  background:url(/useful/blog/image/nav_ico_pur.png) no-repeat 8px center,-moz-linear-gradient(top, #ffffff 0%, #f6efff 100%);
  background:url(/useful/blog/image/nav_ico_pur.png) no-repeat 8px center,linear-gradient(to bottom, #ffffff 0%,#f6efff 100%);
  text-align:center;
  line-height:36px;
  position:relative;
}
nav.tabbox > ul > li.txt_long > a {
  margin-left: -21px;
  padding-left: 20px;
  width:200px;
}
nav.tabbox > ul > li.txt_middle > a {
  margin-left: -11px;
  padding-left: 20px;
  width:178px;
}


nav.tabbox ul .gray{
  background:url(/useful/blog/image/btn_nav_gray.png) no-repeat -1px -1px;
  border:#bfbfb6 solid 1px;
  color:#afafaf;
}

/* -----------------------------------------
 content
------------------------------------------- */
[id^="content"] {
  display:block;
  width:1000px;
  margin:0 auto;
  padding:0;
  text-align:left;
}

[id^="content"] > h1 {
  margin:0px 0px 30px;
  padding:0;
}

[id^="content"] > h1 > img {
  vertical-align:bottom;
}

[id^="content"] > h1 + .lead {
  margin:0;
  padding: 0 180px 0;
  font-size: 16px;
  line-height: 1.6;
}

.pr_txt{
  margin: 0 40px 40px;
  padding: 15px 20px;
  border: 3px solid #ededed;
  border-radius: 4px;
  font-size:14px;
  line-height: 1.6em;
  letter-spacing: 0;
}

/* -----------------------------------------
 listbox
------------------------------------------- */
section.listbox {
  display:block;
  clear:both;
  width:950px;
  margin: 0 auto 40px;
  padding:0;
}

section.listbox > h2 {
  margin:0px 0px 15px;
  padding:10px 15px 10px 60px;
  border-radius:5px;
  border:#d8d8b5 solid 2px;
  color:#13747f;
  font-size:20px;
  position:relative;
  
}
[id^="content_acter"] section.listbox > h2,
[id^="content_entertainer"] section.listbox > h2 {
  background:url(/useful/blog/image/icon_camera.png) no-repeat 10px center,url(/useful/blog/image/bg_ttl.gif) 0 0;
}
[id^="content_singer"] section.listbox > h2 {
  background:url(/useful/blog/image/icon_mike.png) no-repeat 8px center,url(/useful/blog/image/bg_ttl.gif) 0 0;
}
[id^="content_production"] section.listbox > h2 {
  background:url(/useful/blog/image/icon_production.png) no-repeat 5px 0,url(/useful/blog/image/bg_ttl.gif) 0 0;
}

section.listbox > section {
  width:930px;
  margin:0px auto 30px;
  padding:0;
}

section.listbox > section > h3.half {
  float:left;
  width:435px;
}
section.listbox > section > h3.half.right{
  width:405px;
  padding:3px 0px 3px 30px;
}
section.listbox > section > h3.half.margin_t{
  margin:15px 0 15px 0;
}

section.listbox > section:last-child,
section.listbox > section > section:last-child {
  margin-bottom:0px;
}

/* -----------------------------------------
 character 共通
------------------------------------------- */
.character {
  margin:25px auto;
  width: 904px;
}
.character_inner {
  position: relative;
}
.character_inner::before,
.character_inner::after {
  content: "";
  height: 51px;
  position: absolute;
  width: 51px;
}
.character_inner::before {
  right: 0;
  top: 0;
}
.character_inner::after {
  bottom: 0;
  left: 0;
  transform: rotate(180deg);
}
.character_inner > dt {
  left: -16px;
  position:absolute;
  top: 13px;
  z-index: 1;
}
/* 右側 */
.chara_left {
  float:left;
  padding: 73px 0 13px;
  position: relative;
  width: 450px;
}
.chara_left dt {
  display: table-cell;
  height: 43px;
  padding: 0 0 0 50px;
  font-size: 28px;
  vertical-align: middle;
  width: 270px;
}
.chara_left dd {
  display: table-cell;
  height: 43px;
  padding-top: 15px;
  width: 180px;
}
.chara_left ul {
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  -webkit-justify-content:center;
  margin: 0 0 0 -75px;
}
/* プロダクション character */
#content_production .chara_left ul {
  margin: 0 0 0 -10px;
}
.chara_left li {
  background: #fff;
  border-radius: 3px;
  color: #666;
  font-size: 14px;
  height: 43px;
  line-height: 34px;
  margin: 0 20px 0 20px;
  padding: 0px;
  position: relative;
  text-align: center;
  width: 43px;
}
.chara_left a {
  border-radius:3px;
  display:block;
  font-weight: bold;
  height: 43px;
  position: relative;
  width: 43px;
}
.chara_left a span {
  left: 0;
  line-height: 1;
  margin: 0 -65%;
  position: absolute;
  right: 0;
  top: -1.4em;
  white-space: nowrap;
}
.character .hp > a {
  background: url(../image/ico_hp.png) #f19149 no-repeat;
  background-size: 43px;
  color: #f19149;
}
.character .blog > a {
  background: url(../image/ico_blog.png) #d65b81 no-repeat;
  background-size: 43px;
  color: #d65b81;
}
.character .insta > a {
  background: url(../image/ico_insta.png) #9d5fc1 no-repeat;
  background-size: 43px;
  color: #9d5fc1;
}
.character .youtube > a {
  background: url(../image/ico_youtube.png) #bc3c39 no-repeat;
  background-size: 43px;
  color: #bc3c39;
}
.chara_left a:hover {
  opacity: 0.8;
}
/* 左側 */
.chara_right {
  float: right;
  margin-top: 58px;
  position: relative;
  width: 352px;
}
.chara_right dt {
  position: absolute;
  top: -31px;
  left: -101px;
  z-index: 10;
}
.chara_right a:hover img{
  opacity: 0.8;
}



/* -----------------------------------------
 character 桐谷美玲さん
------------------------------------------- */
.character.kiritani {
  border: 5px solid #eeaabd;
  padding: 3px;
}
.character.kiritani .character_inner {
  background: #faeef2 url(/useful/blog/image/bg_kiritani.gif) repeat left top;
}
.character.kiritani .character_inner::before,
.character.kiritani .character_inner::after {
  background: url(/useful/blog/image/bg_kiritani_deco.png) no-repeat left top;
}

/* -----------------------------------------
 character 石川さゆりさん
------------------------------------------- */
.character.token-i {
  border: 5px solid #8db496;
  padding: 3px;
}
.character.token-i .character_inner {
  background: #e3ede6 url(/useful/blog/image/bg_token-i.png) repeat left top;
}
.character.token-i .character_inner::before,
.character.token-i .character_inner::after {
  background: url(/useful/blog/image/bg_token-i_deco.png) no-repeat left top;
}
.character.token-i .chara_right dt {
  top: -33px;
  left: -114px;
}
.character.token-i .chara_left ul {
  margin: 0 0 0 -108px;
}
.character.token-i .chara_left li {
  width: 22px;
}
.character.token-i .chara_left a span {
  top: -2.2em;
}

/* -----------------------------------------
 mod_list_legend
------------------------------------------- */
.mod_list_legend {
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 25px 38px;
  text-align: center;
}
.mod_list_legend dt {
  height: 43px;
  margin-right: 10px;
  width:43px;
}
.mod_list_legend dd {
  font-size: 15px;
  font-weight: bold;
  margin-right: 30px;
  vertical-align: middle;
}
.mod_list_legend dd:last-child {
  margin-right: 0;
}
.mod_list_legend .hp {
  color: #f19149;
  width: 3.4em;
}
.mod_list_legend .blog {
  color: #d65b81;
}
.mod_list_legend .insta {
  color: #9e61b3;
  width: 4.2em;
}
.mod_list_legend .twitter {
  color: #000;
}
.mod_list_legend .facebook {
  color: #3d5bb6;
  width: 4.2em;
}
.mod_list_legend .youtube {
  color: #bc3c39;
  margin-right: 20px;
}


/* -----------------------------------------
 ul.list
------------------------------------------- */
section.listbox ul.list {
  overflow:hidden;
  clear:both;
  width:920px;
  margin:0px auto;
}

section.listbox ul.list > li {
  float:left;
  width:455px;
  margin:0px 10px 0 0;
  padding:0px;
  border-top:#ccc dotted 1px;
  background: #f6eee0;
}
section.listbox ul.list > li:nth-of-type(2n) {
  margin:0px 0 0 0;
}


section.listbox ul.list > li > dl {
  overflow:hidden;
  display:table;
  width:450px;
  height:56px;
  margin:2px 0px;
  position:relative;
}
section.listbox ul.list > li:nth-of-type(4n),
section.listbox ul.list > li:nth-of-type(4n-1) {
  background: #fff;
}

section.listbox ul.list > li > dl > dt {
  display:table-cell;
  width:175px;
  height:56px;
  padding:0px 10px 0px 20px;
  font-size:16px;
  vertical-align:middle;
  line-height: 1.2;
  border-right: dotted 1px #cccccc;
}
#content_production section.listbox ul.list > li > dl > dt {
  width:360px;
}
section.listbox ul.list > li > dl > dt span.t_small {
  font-size: 15px;
}
section.listbox ul.list > li > dl > dt span.t_minim {
  font-size: 12px;
}
section.listbox ul.list > li > dl > dd {
  display:table-cell;
  float:right;
  /*width:244px;*/
  height:56px;
}

section.listbox ul.list > li > dl > dd > ul {
  overflow:hidden;
  /*width: 208px;*/
  margin: 7px 3px 0 0;
}
#content_production section.listbox ul.list > li > dl > dd > ul {
  width: 47px;
}
section.listbox ul.list > li > dl > dd > ul > li {
  float:left;
  margin: 0 2px 0 2px;
  padding:0px;
  width:43px;
  height: 43px;
  border-radius:5px;
  color:#666;
  font-size:14px;
  text-align:center;
  line-height:34px;
  position:relative;
  text-indent:-9999px;
}
section.listbox ul.list > li > dl > dd > ul > li.hp a{
  background: url(../image/ico_hp.png) #f19149 no-repeat;
  background-size: 43px;
}
section.listbox ul.list > li > dl > dd > ul > li.blog a{
  background: url(../image/ico_blog.png) #d65b81 no-repeat;
  background-size: 43px;
}
section.listbox ul.list > li > dl > dd > ul > li.insta a{
  background: url(../image/ico_insta.png) #9d5fc1 no-repeat;
  background-size: 43px;
}
section.listbox ul.list > li > dl > dd > ul > li.twitter a{
  background: url(../image/ico_twitter.png) #0495d3 no-repeat;
  background-size: 43px;
}
section.listbox ul.list > li > dl > dd > ul > li.facebook a{
  background: url(../image/ico_facebook.png) #3d5bb6 no-repeat;
  background-size: 43px;
}
section.listbox ul.list > li > dl > dd > ul > li.youtube a{
  background: url(../image/ico_youtube.png) #cd201f no-repeat;
  background-size: 43px;
}
section.listbox ul.list > li > dl > dd > ul > li > a {
  display:block;
  width:43px;
  height: 43px;
  border-radius:3px;
  color:#fff;
  font-weight:bold;
}


section.listbox ul.list > li > dl > dd > ul > li > a:hover {
  opacity:0.8;
  filter:alpha(opacity=80);
  -ms-filter: “alpha( opacity=80 )”;
}

/* -----------------------------------------
 ul.list02(プロダクション)
------------------------------------------- */
.list02{
  overflow:hidden;
  clear:both;
  width:920px;
  margin:0px auto;
}

.list02 > li {
  float:left;
  width:450px;
  margin:0px;
  padding:0px;
  border-top:#ccc dotted 1px;
}

.list02 > li:nth-of-type(2n) {
  float:right;
}

.list02 > li > dl {
  overflow:hidden;
  display:table;
  width:450px;
  height:56px;
  margin:2px 0px;
  background:url(/search/hp/famous/image/icon_line.gif) no-repeat 0 0,-webkit-gradient(linear, left top, right top, color-stop(0%,#ffffff), color-stop(100%,#f7f7f2));
  background:url(/search/hp/famous/image/icon_line.gif) no-repeat 0 0,-moz-linear-gradient(left, #ffffff 0%, #f7f7f2 100%);
  background:url(/search/hp/famous/image/icon_line.gif) no-repeat 0 0,linear-gradient(to right, #ffffff 0%,#f7f7f2 100%);
  position:relative;
}

.list02 > li > dl > dt {
  display:table-cell;
  width:300px;
  height:47px;
  padding:0px 10px 0px 40px;
  font-size:16px;
  vertical-align:middle;
}

.list02 > li > dl > dd {
  display:table-cell;
  height:56px;
}

.list02_ul {
  overflow:hidden;
  margin: 11px 9px 0 0;
}
.list02_ul_ishi {/*--ブログありプロダクション用--*/
  overflow:hidden;
  width:208px;
  margin: 11px 9px 0 0;
}

.list02 .hp02{
  width:115px;
  margin: 0 2px 0 2px;
  padding:0px;
  font-size:14px;
  text-align:center;
  line-height:34px;
}
.list02 .hp01{/*--ブログと並列--*/
  float:left;
  margin: 0 2px 0 2px;
  padding:0px;
  width:100px;
  color:#666;
  font-size:14px;
  text-align:center;
  line-height:34px;
}
.list02 .blog01{/*--サイトと並列--*/
  float:left;
  margin: 0 2px 0 2px;
  padding:0px;
  width:100px;
  color:#666;
  font-size:14px;
  text-align:center;
  line-height:34px;
}

.hp01 > a {
  display:block;
  width:100px;
  color:#fff;
  font-weight:bold;
  background:url(/search/hp/image_cmn/btn_hp.png) no-repeat 0 0;
}

.hp02 > a {
  display:block;
  width:115px;
  color:#fff;
  font-weight:bold;
  background:url(/search/hp/image_cmn/btn_hp02.png) no-repeat 0 0;
}

.blog01 > a {
  display:block;
  width:100px;
  color:#fff;
  font-weight:bold;
  background:url(/search/hp/image_cmn/btn_blog.png) no-repeat 0 0;
}

.hp01 > a:hover {
  background-position:0px -34px;
}
.blog01 > a:hover {
  background-position:0px -34px;
}
.hp02 > a:hover {
  background-position:0px -34px;
}



/*-------------------------
 関連施設情報
-------------------------*/
.related_facility {
  display: block;
    clear: both;
    width: 950px;
    margin: 55px auto 35px;
    padding: 0;
}

.related_facility h2{
  background:url(/useful/blog/image/icon_elated_facility.png) no-repeat 10px center,url(/search/hp/image_cmn/ttl_bg.gif) repeat 0 0;
  margin: 0px 0px 15px;
  padding: 10px 15px 10px 55px;
  border-radius: 5px;
  border: #d8d8b5 solid 2px;
  color: #13747f;
  font-size: 20px;
  position: relative;
}

.related_facility ul{
  background: #ffecf4;
  height:  85px;
  width: 920px;
  overflow: hidden;
    clear: both;
    margin: 0px auto;
}

.related_facility li{
  float:left;
  width: 226px;
    padding-top: 17px;
}

.related_facility li:first-child{
  padding-left: 13px;
}



.bnr_site ul{
  background: #fcfbe6;
  width: 915px;
  overflow: hidden;
  clear: both;
  margin: 0px auto 35px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding-bottom: 14px;
}

/* iPad */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
.bnr_site ul{
  background: #fcfbe6;
  height:  208px;
  width: 920px;
  overflow: hidden;
    clear: both;
    margin: 0px auto 35px;
}

}

.bnr_site li{
  float:left;
  width: 430px;
  padding: 13px 8px 0 0;
}

.bnr_site li.sp{
  float:right;
  width: 430px;
  padding: 13px 0 0px 8px;
}

/* ---------------------------------------
 ページトップへ
 ---------------------------------------- */
#btn_pagetop {
  background: url(/search/image/dtl_new/bg_pagetop_btn.png) no-repeat 0 0;
  border-radius: 6px;
  bottom: 30px;
  cursor: pointer;
  display: none;
  height: 70px;
  -webkit-transition: background 200ms linear;
  -moz-transition: background 200ms linear;
  -ms-transition: background 200ms linear;
  transition: background 200ms linear;
  -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);
  -ms-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);
  position: fixed;
  right: 30px;
  width: 90px;
  z-index: 100;
  /* デザイン提出用ボタン非表示スタイル */
  height: 0;
  width: 0;
  overflow: hidden;
  /* デザイン提出用ボタン非表示スタイル */
}

#btn_pagetop:hover {
  background-position: 0 -50px;
}
/* 下部バナー調整 */
.ad_bnrbox.col2 {
  display: block;
}
.ad_bnrbox.col2 .ad_box {
  padding: 0;
}