@charset "utf-8";

/* =================================================
  Common
================================================= */
.pc             {display:block}
.sp             {display:none}
.displaynone    {display:none}

img             {max-width:100%}
li              {list-style:none}
a               {color:#444}
a:hover         {opacity:0.75;color:#aa0000;text-decoration:underline}
ul.breadcrumb   {padding:0;margin:0 0 1.5em}
.center         {text-align:center}
.AdContainer    {display:none}

  @media only screen and (max-width:767px)  {
  .pc           {display:none}
  .sp           {display:block}
  }

/* =================================================
  layout
================================================= */
body            {background:#fff;font-family:"Noto Sans Japanese","Helvetica Neue", Helvetica, Arial, sans-serif}
.navbar-header,
.container      {width:1300px!important}
.row            {margin:auto}
.col-xs-9,      
.col-xs-8       {padding:10px 10px 20px;margin:0!important}
.col-xs-2,
.col-xs-3,
.col-xs-4       {padding:10px 0!important;margin:0!important}
.col-xs-12      {width:100%;display:block;margin:0}

.entry      {width:780px}
.sidebar    {width:300px}
.sidebar2   {width:150px}

.mt10     {margin-top:10px}
.mt20     {margin-top:20px}
.mb10     {margin-bottom:10px}
.mb20     {margin-bottom:20px}

  @media only screen and (max-width:767px)  {
  body            {width:100%;display:block;margin:0;overflow-x:hidden}
  .navbar-header  {width:100%!important}
  .container      {width:100%!important;background:#fff}
  .col-xs-9,      
  .col-xs-8,
  .col-xs-2,
  .col-xs-4,
  .col-xs-4,
  .col-xs-12      {padding:0!important;width:100%;display:block;margin:0}
  }

/* =================================================
  header
================================================= */
header                  {margin-bottom:10px}
header a:hover          {text-decoration:none}
header .container-fluid {padding:0.75em 0;background:#222;color:#fff}
header h1 a             {font-size:120%;line-height:1.25em;text-decoration:none!important;color:#fff!important}
.introduction           {display:block;font-size:40%}
.introduction span      {display:inline-block}
span.caution            {color:#666;;margin:0}

.navbar                 {background:#fff;border-radius:0;padding-top:5px;font-size:90%}
.navbar a:hover         {opacity:0.75}
.navbar a.navbar-brand  {color:#444!important;font-size:100%}
.navbar .navbar-nav a   {color:#444!important}

  @media only screen and (max-width:767px)  {
  header                {margin-bottom:-50px}
  header .container-fluid {padding:0 0 15px}
  header h1 a           {display:block;font-size:60%;position:relative;float:left;width:80%}
  .navbar               {background:transparent;margin-bottom:-10px}
  .navbar-default       {border:none!important}
  .navbar-toggle        {border:none!important;float:right;margin-top:-50px;right:-30px;z-index:90}
  .navbar-toggle:hover  {background:#444!important}
  .navbar-collapse      {margin-top:-5px;padding-bottom:45px;background:#fff}
  .navbar-nav form      {width:95%}
  .introduction span    {display:none}
  }

/* =================================================
  titie
================================================= */
h2,
h3,
h4                {font-weight:bold;padding:0 0 0.25em;margin:0 0 0.25em}
.relate_dt,
.movie-title,
.linkwithin_text  {font-weight:bold;padding:0 0 0.25em;margin:0 0 0.25em}

h2                {font-size:130%;color:#aa0000}
h3                {font-size:130%}
h4,
.relate_dt,
.movie-title,
.linkwithin_text,
.plg_header       {font-size:130%;color:#aa0000}
.detail-title     {color:#000;line-height:1.35em}

/* =================================================
  list
================================================= */
.list                   {padding:20px 4px 0 14px;position:relative;background:#fff}
.list .thumb            {width:33.3333333333%;width:234px;margin:5px 0.65em 20px 0;vertical-align:top;display:inline-block;position:relative;border-bottom:1px solid #dedede;padding-bottom:10px}
.list .thumb img        {width:100%;border:none;display:block;border-radius:6px}
.list.post .thumb img   {width:234px;height:126px;object-fit:cover}
.icon-new               {background:#dd0000;color:#fff;font-weight:bold;padding:1px 3px;position:absolute;z-index:999;font-size:90%;margin-top:10px}
.list h3.title          {font-size:110%;line-height:1.5em;font-weight:normal}

  @media only screen and (max-width:767px)  {
  .list             {padding-left:0;padding-right:0}
  .list .thumb      {width:100%;padding:0.65em 0;margin:0;border-bottom:1px dotted #ccc;vertical-align:top;position:relative}
  .list.post .thumb img    {width:128px;height:100px;object-fit:cover}
  .list .thumb img  {width:128px;float:left;vertical-align:top;border:none;padding:0}
  .icon-new         {margin-top:10px}
  .list h3.title    {font-size:110%;font-weight:normal;position:absolute;left:140px;line-height:1.55em;float:left;margin-top:0}
  }

/* =================================================
  item
================================================= */
.item                     {padding:20px 24px 20px 14px;position:relative;background:#fff;margin-bottom:1em}
.item .item-list          {margin:1em 0 0;position:relative;padding:0}
.item .item-list li       {display:inline-block;vertical-align:top;width:16.2%;padding:0;margin:0 0 1em}
.item .item-list li a:hover img   {opacity:0.75}
.item .item-list li img   {width:auto;height:auto;object-fit:none}
.recommend-item           {background:#fff;padding:10px 0}
.recommend-item h4        {padding:0 10px;font-size:105%}
.iframe-warpper           {padding:0;margin:0 auto;width:100%;height:8250px}
.iframe-warpper iframe    {width:100%;height:100%;border:none}

  @media only screen and (max-width:767px)  {
  .item                   {padding-left:10px;padding-right:10px}
  .item .item-list li     {width:32.5%}
  .recommend-item h4      {font-size:130%}
  .iframe-warpper         {padding:0;margin:0 auto;overflow:auto;-webkit-overflow-scrolling:touch;width:100%;height:400px}
  .iframe-warpper iframe  {width:100%;height:100%;border:none;display:block}
  }

/* =================================================
  rss
================================================= */
.rss.pc           {padding:0;position:relative;margin-bottom:1em}        
.rss.sp           {padding:10px 0;background:#fff;position:relative;margin-bottom:2em}
.garss-list       {padding:0;height:250px;overflow:auto;position:relative;margin:0 auto 15px;background:#fff}  
.garss-list .copyright  {float;right;text-align:right!important;font-size:80%;color:#999}
.garss-list ul    {padding:0;position:relative;margin-left:0px}     

  @media only screen and (max-width:767px)  {
  .rss.sp         {margin:0;padding:0}
  .garss-list     {padding:0;height:200px}
  .garss-list ul  {padding:0;overflow-x:hidden}
  }

/* =================================================
  index
================================================= */
.index            {padding:20px 20px 30px 30px;position:relative;background:#fff;margin-bottom:2em} 
.index ul         {margin:10px 0 0;padding:0} 
.index ul li      {padding-bottom:0.25em}        

/* =================================================
  detail
================================================= */
.detail         {padding:0 10px 0 0;position:relative;background:#fff}
.detail h2      {margin:0.5em auto;padding-bottom:0.5em;font-size:200%}
.detail .block  {margin:0.5em auto}
.detail .movie iframe   {width:100%}
.detail .detail-meta          {margin:-1em auto 2em;position:relative}
/*.detail-meta .meta-btn        {font-size:90%;border-radius:25px;border:1px solid #dd0000;padding:2px 8px;background:#dd0000;color:#fff;margin-right:0.25em;text-decoration:none}*/
.detail-meta .meta-btn        {font-size:90%;border-radius:6px;border:1px solid #ccc;padding:2px 8px;background:#fff;color:#333;margin-right:0.25em;text-decoration:none}
.detail-meta .meta-btn:hover  {opacity:0.5}
.fc2button-twitter    {margin-top:25px}
.linkwithin_inner     {width:100% !important}
.linkwithin_posts a   {padding:13px !important}
.linkwithin_posts a:hover {background:#f5f5f5 !important}
.package span a    {display:block;text-align:left;margin-top:0.5em;text-decoration:underline}
.movie-title,
.movie-text        {text-align:left!important;text-align:justify!important;text-justify:inter-ideograph!important}
.movie-list        {margin:1em 0;position:relative;padding:0;text-align:left}
.movie-list li     {display:inline-block;vertical-align:top;width:16.45%;padding:0;margin:0 0 1em;position:relative}
.movie-list li a img  {max-width:100%}    
.movie-list li a:hover img   {opacity:0.75}
.share-videos-thumbnail    {}
.share-videos-thumbnail a  {display:inline-block;width:32%;margin:0 0.25em}

  @media only screen and (max-width:767px)  {
  .detail                 {padding-left:0;padding-right:0}
  .detail .movie          {margin:0.25em auto;position:relative;width:100%;padding-top:56.25%}
  .detail .movie iframe   {position:absolute;top:0;right:0;width:100%!important;height:100%!important}
  .detail-meta .meta-btn  {font-size:90%;margin:0.25em 0.25em 0 0;display:inline-block;width:31.5%;text-align:center}
  .detail .linkwithin     {width:100%;position:relative;overflow-x:scroll;-webkit-overflow-scrolling:touch}
  .movie-list li          {width:32.9%}
  }

/* =================================================
  prblock
================================================= */
.prblock          {text-align:center!important;position:relative;background:#fff;z-index:99;margin:auto;padding:0}

  @media only screen and (max-width:767px)  {
  .prblock01_320_100 ,
  .prblock02_320_100 ,
  .prblock03_320_100 ,
  .prblock04_320_100 ,
  .prblock05_320_100  {width:100%;margin:0 0 20px;text-align:center;text-align:center!important;position:relative;overflow-x:hidden}
  }

/* =================================================
  entry
================================================= */
.entry .title     {font-size:100%;line-height:1.35em;display:block;margin:0.5em 0}  
.entry .time      {display:inline;font-size:70%;color:#fff;background:#222;padding:2px 5px;position:absolute;top:0;right:0}
.entry .tag       {display:block;font-size:85%;margin-top:1.5em}
.entry .tag a     {color:#999}
.entry .tag .glyphicon {color:#999;padding-right:0.25em}

  @media only screen and (max-width:767px)  {
  .entry .time    {display:none}
  .entry .tag     {display:block;font-size:90%;margin-top:1.5em}
  .entry .tag a   {color:#999}
  .entry .tag .glyphicon {color:#999;padding-right:0.25em}
  }

/* =================================================
  relate
================================================= */
.relate_dl      {position:relative;clear:both;padding:0;margin:25px 0 0;text-align:left!important}
.relate_dd ,   
.relate_ul, 
.relate_li_nolink, 
.relate_li      {padding:0;margin:0;text-align:left}
.relate_ul li   {padding:5px 0;border-bottom:1px dotted #ccc}
/*
.relate_ul    {margin-bottom:25px;margin-left:0;padding-left:0}
.relate_ul li {display:inline-block!important;width:15%;margin:0 0.5%!important;padding:0;border-bottom:none;vertical-align:top}
.relate_entry_thumbnail     {display:block!important;margin:0 auto 10px;text-align:center;padding:0!important}
.relate_entry_thumbnail img {border:1px solid #ddd;padding:4px!important}
.relate_entry_title         {display:block!important;padding:0!important;font-size:100%;line-height:1.45em!important;overflow:auto!important}
.relate_entry_title_text    {min-height:100px}
.relate_ul li:hover {text-decoration:underline;color:#dd0000}

  @media only screen and (max-width:767px)  {
  .relate_dl          {margin-top:25px;padding:0}
  .relate_ul          {padding:0!important;margin:0!important}
  .relate_ul li       {width:100%;padding:10px 0 0!important;margin:0!important;border-bottom:1px dotted #ccc;vertical-align:top;position:relative}
  .relate_ul li:nth-last-child(1) {border-bottom:0;margin-bottom:0;padding-bottom:0}
  .relate_entry_thumbnail     {width:100px!important;float:left;vertical-align:top;border:none;padding:0}
  .relate_entry_thumbnail img {border:none;padding:0!important}
  .relate_entry_title_text    {font-size:100%;font-weight:normal;position:absolute;left:110px;line-height:1.4em;float:left;margin-top:0}
  }
*/
/* =================================================
  fc2_recent_entry_thumb_405990
================================================= */
#fc2_recent_entry_thumb_405990  {width:100%!important;padding:10px 5px!important}
#fc2_recent_entry_thumb_405990 .fc2_recent_entry_thumb_link  {float:left;width:25%!important}
#fc2_recent_entry_thumb_405990 .fc2_recent_entry_thumb_img   {
  display:block!important;
  vertical-align:middle;
  padding:0!important;
  width:174px!important;
  min-height:140px!important;
  line-height:1.4em;
  }
#fc2_recent_entry_thumb_405990 .fc2_recent_entry_thumb_text  {
  display:block!important;
  width:100%!important;
  word-break:break-all
  vertical-align:middle;
  padding:5px 15px 15px 0!important;
  min-height:110px!important;
  line-height:1.4em;
  }
#fc2_recent_entry_thumb_405990 .fc2_recent_entry_thumb_img img{border:1px solid #ddd;padding:4px!important;margin:0!important;width:100%!important;height:auto!important}
#fc2_recent_entry_thumb_405990 .fc2_recent_entry_thumb_link:hover .fc2_recent_entry_thumb_img{opacity:.9}
#fc2_recent_entry_thumb_405990 .fc2_recent_entry_thumb_blogtitle,#fc2_recent_entry_thumb_405990 .fc2_recent_entry_thumb_date{display:block;word-wrap:break-word}
#fc2_recent_entry_thumb_405990 .fc2_recent_entry_thumb_date{display:none!important}

  @media only screen and (max-width:767px)  {
  #fc2_recent_entry_thumb_405990  {width:100%!important;padding:0!important;margin-bottom:-50px}
  #fc2_recent_entry_thumb_405990 .fc2_recent_entry_thumb_link    {float:none;width:100%!important}
  #fc2_recent_entry_thumb_405990 .fc2_recent_entry_thumb_item    {border-bottom:1px dotted #ccc;position:relative}
  #fc2_recent_entry_thumb_405990 .fc2_recent_entry_thumb_item:nth-last-child(1) {border-bottom:0;margin-bottom:0;padding-bottom:0}
  #fc2_recent_entry_thumb_405990 .fc2_recent_entry_thumb_img     {width:100px!important;min-height:1px!important;padding:10px 0!important;float:left}
  #fc2_recent_entry_thumb_405990 .fc2_recent_entry_thumb_text    {width:auto!important;min-height:1px!important;padding:10px 0!important;position:absolute;left:110px;float:left}
  #fc2_recent_entry_thumb_405990 .fc2_recent_entry_thumb_img img {border:none;padding:0!important}
  }

/* =================================================
  linkwithin
================================================= */
.linkwithin             {padding:0;margin:25px auto}
.linkwithin_div         {padding:0;margin:0 auto;position:relative;background:#fff;margin-bottom:2em}
.linkwithin_div ul,      
.linkwithin_div ul li   {padding:0;margin:0;text-align:left}

/* =================================================
  plugin
================================================= */
.content.plg    {padding:0;margin:25px 0 0;position:relative;background:#fff;margin-bottom:2em}

/* =================================================
  recent
================================================= */
.recent         {padding:0;margin:0;text-align:left}
.recent li      {padding:5px 0;border-bottom:1px dotted #ccc}

/* =================================================
  page_navi
================================================= */
.page_navi              {display:block;margin:auto;text-align:center}
.page_navi .home        {display:none} 
.page_navi .preventry,
.page_navi .nextentry   {width:49%;text-align:left;padding:10px;background:#fff} 
.page_navi .preventry   {float:left} 
.page_navi .nextentry   {float:right} 

  @media only screen and (max-width:767px)  {
  .page_navi              {margin-bottom:25px}
  .page_navi .preventry   {float:left;border:1px solid #ddd} 
  .page_navi .nextentry   {float:right;border:1px solid #ddd} 
  }

/* =================================================
  sidebar
================================================= */
/*pickup*/
.sidebar .pickup-list,
.sidebar .pickup-list li         {padding:0;margin:0}
.sidebar .pickup1.list li .time,
.sidebar .pickup2.list li .time  {display:none}

.sidebar .pickup1.list          {padding:10px 10px 0;margin-bottom:1em}
.sidebar .pickup1.list h4       {font-size:110%!important}
.sidebar .pickup1.list .thumb   {width:100%;padding:1em 0;margin:0;border-bottom:1px dotted #ccc;vertical-align:top;display:inline-block;position:relative}
.sidebar .pickup1.list img      {width:100%;display:block;vertical-align:top;height:116px;object-fit:cover}
.sidebar .pickup1.list .title   {font-size:100%;line-height:1.65em;width:100%;display:block;vertical-align:top;margin:0.5em 0 0}  
.sidebar .pickup1.list h3.title {font-weight:normal!important;position:relative!important;left:0!important;line-height:1.55em;float:none}

.sidebar .pickup2.list          {padding:20px 10px 0;margin-bottom:1em}
.sidebar .pickup2.list h4       {font-size:110%!important}
.sidebar .pickup2.list .thumb   {width:100%;padding:1em 0;margin:0;border-bottom:1px dotted #ccc;vertical-align:top;position:relative}
.sidebar .pickup2.list img      {width:90px;float:left;vertical-align:top;border:none;padding:0;height:50px;object-fit:cover}
.sidebar .pickup2.list .title   {font-size:100%;font-weight:normal!important;position:absolute;left:100px;line-height:1.35em;float:left;margin-top:0}  

/*recommend*/
.sidebar .recommend.list             {padding:5px 10px 10px;margin:-5px 0 10px}
.sidebar .recommend.list h4          {font-size:110%!important}
.sidebar .recommend.list .thumb      {width:100%;margin:0;display:block;border:none;padding:0}
.sidebar .recommend.list img         {width:100%;margin:0}
.sidebar .recommend.list .pr .thumb  {width:49%;margin:0;vertical-align:top;display:inline-block;position:relative}
.sidebar .recommend.list .pr img     {width:100%}

/*sidebar_content*/
.sidebar .sidebar_content.list       {padding:20px 10px 0;margin-bottom:1em}
.sidebar .sidebar_content.list h4    {font-size:110%!important}
.sidebar .sidebar_content.list ul    {columns:2;padding-left:2px;padding-bottom:10px} 
.sidebar .sidebar_content.list li    {padding:0.25em 0;font-size:90%}
.sidebar .link.sidebar_content.list ul    {columns:1!important}

/*blogranking*/
.sidebar .blogranking.list       {padding:20px 0 0;margin-bottom:1em} 

  @media only screen and (max-width:767px)  {
  .sidebar        {margin-top:25px}
  .sidebar .pickup1.list ,
  .sidebar .pickup2.list          {padding:0;margin:0 0 1em}
  .sidebar .pickup2.list img      {width:128px}  
  .sidebar .pickup2.list .title   {font-size:105%;left:140px;line-height:1.4em}  
  }

/* =================================================
  search
================================================= */
.search-form              {margin:5px 20px 0 0}
.search-form .form-group  {width:100%;background-color:#efefef;border-radius:25px}
.search-form .form-group input.form-control {padding-right:90px;border:0 none;background:transparent;box-shadow:none;display:block}
.search-form .form-group input.form-control::-webkit-input-placeholder,
.search-form .form-group input.form-control:-moz-placeholder,
.search-form .form-group input.form-control::-moz-placeholder,
.search-form .form-group input.form-control:-ms-input-placeholder {display:none}
.search-form .form-group .glyphicon:hover   {opacity:0.75}
.search-form input[type=submit]{
  position:absolute;
  top:0px;
  right:5px;
  z-index:2;
  padding:0;
  box-shadow:none;
  display:block;
  width:34px;
  height:34px;
  text-align:center;
  color:#aa0000;
  outline:none;
  left:initial;
  border:none;
  background:transparent;
  font-size:14px;
  font-family:FontAwesome;
  }

  @media only screen and (max-width:767px)  {
  .search-form    {margin:5px auto}
  }

/* =================================================
  footer
================================================= */
footer              {padding:0 0 2em;margin-top:5em;border-top:1px solid #dedede}
.footer-sitemap     {margin-bottom:2em}
.footer-sitemap p   {color:#777;font-size:90%;text-align:left}
.footer-sitemap p a {padding-right:1em;color:#777}
.footer-about       {margin-bottom:2em}
.footer-about p     {color:#777;font-size:90%;text-align:left}
.footer-link        {margin-bottom:2em}
.footer-link p      {color:#777;font-size:90%;text-align:left}
.footer-link p a    {padding-right:1em;color:#777}
.copyright          {font-size:90%;border-top:1px solid #dedede;padding-top:25px}

#pageTop {
  position:fixed;
  z-index:10000;
  bottom:20px;
  right:20px;
  }
 
#pageTop a {
  display:block;
  padding:8px 0 0 0;
  border-radius:100%;
  width:60px;
  height:60px;
  font-size:200%;
  background-color:#d7d7d7;
  color:#fff;
  font-weight:bold;
  text-decoration:none;
  text-align:center;
  }
 
#pageTop a:hover {
  text-decoration:none;
  opacity:0.7;
  }