@charset "utf-8";

/*************************************************
CSS
/css/index.css

2015-06-08
update:
*************************************************/

/* ------------------------- TOC
Contents Layout
------------------------- */



/* ============================================================ Contents Layout */
/* @media */
@media (max-width: 640px) {
	.jp_facebook_box { }
}
/* ============================== news box */
.jp_news_sct.jp_news_top dl dt{min-width: 18em;}
@media (max-width: 640px) {
  .jp_news_sct.jp_news_top dl dt{min-width: auto;}
}
/* ============================== important box */
.top_news_box{margin-bottom: 24px;}

.emergency_news{
  margin: 8px 8px 16px 8px;
  padding: 16px;
  border: solid 2px #c9c9c9;
}
.emergency_news li{
  display: table;
}
.emergency_news .date{padding-right: 1em;}
.emergency_news .date,
.emergency_news .txt{
  display: table-cell;
  vertical-align: top;
}

.important_news{
  border: solid 1px #d9d9d9;
  padding: 18px 20px;
  margin: 8px 8px 16px 8px;
}
.important_news dl{
  width: 100%;
  display: table;
  margin-bottom: 8px;
}
.important_news dl:last-child{margin-bottom: 0;}
.important_news dt,
.important_news dd{
  display: table-cell;
  vertical-align: top;
  text-align: left;
  word-break:break-all
}
.important_news dt{
  width: 10%;
  white-space: nowrap;
  padding-right: 1em;
}
@media (max-width: 640px) {
  .important_news dt,
  .important_news dd{
    display: block;
  }
}
.ico_fb,
.ico_youtube{
  background-repeat: no-repeat;
  background-position: left top;
  margin-bottom: 12px;
}

.ico_fb{
  background-image: url(../logo/ico_fb.gif);
  padding-left: 48px;
  min-height: 36px;
}
.ico_youtube{
  background-image: url(../logo/ico_youtube.gif);
  padding-left: 116px;
  min-height: 36px;
  background-position:2px 4px;
}
.ico_fb a,
.ico_youtube a{ color: #333333;}

.clearfix.pam{display: none;}

body.page-home h3.hd03{position: relative;}
body.page-home h3.hd03 .fb-like{
  position: absolute;
  top: -5px;
  right: 0;
}
@media only screen and (max-width: 640px) {
  body.page-home h3.hd03 .fb-like{ position: static;}
}

/* ============================== Youtube Box */
.jp_youtube_box {
  width: 100%;
  height: 666px;
  border: 1px solid #dedede;
  /*overflow: auto;*/
  overflow: hidden;
}
.jp_youtube_box #results {
   padding: 14px;
}
.jp_youtube_box #results li {
  overflow: hidden;
  border-bottom: 1px solid #cccccc;
  padding-bottom: 22px;
  margin-bottom: 22px;
}
.jp_youtube_box #results li a{
  width: 100%;
  display: table;
}
.jp_youtube_box #results li:first-child { border-top: none; }
.jp_youtube_box #results li .pic {
  width: 48%;
  display: table-cell;
  vertical-align: middle;
  position: relative;
}
.jp_youtube_box #results li .pic:after {
    width: 100%;
    height: 100%;
    background-image: url(../../img/cat_btn_youtube_play.png);
    background-repeat: no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    position: absolute;
    left: 0;
    top: 0;
    content: "";
}
.jp_youtube_box #results li .pic img {
  width: 100%;
  vertical-align: top;
}
.jp_youtube_box #results li .txt {
  width: 48%;
  padding-left: 4%;
  display: table-cell;
  vertical-align: middle;
}
.jp_youtube_box #results li .txt span{
  display: block;
}
.jp_youtube_box #results li .txt span.dete{font-size: 14px;}

/* @media */
@media (max-width: 640px) {
	.jp_youtube_box { overflow: auto; }
/*	.jp_youtube_box #results li { display: none; }
	.jp_youtube_box #results li:nth-child(-n+3) { display: block; }*/
}

/* ============================== Facebook Box */
.jp_facebook_box {
  width: 100%;
  height: 666px;
  border: 1px solid #dedede;
  /*overflow: auto;*/
  overflow: hidden;
}
.jp_facebook_box .fb_iframe_widget,
.jp_facebook_box .fb_iframe_widget[style],
.jp_facebook_box .fb_iframe_widget span,
.jp_facebook_box .fb_iframe_widget span iframe[style]{width: 100% !important;}


.jp_facebook_box ul.fb_box{
  padding: 20px 25px;
}
.jp_facebook_box ul.fb_box li{
  overflow: hidden;
  border-bottom: 1px solid #cccccc;
  padding-bottom: 22px;
  margin-bottom: 22px;
}

.jp_facebook_box .fb_entry{
  font-size: 12px;
  line-height: 24px;
  color: #555555;
  border-bottom: solid 1px #dedede;
  padding-bottom: 20px;
  margin-bottom: 20px;
}
.jp_facebook_box .fb_entry:last-child{
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0;
}
.jp_facebook_box .fb_entry h4{font-weight: bold;}
.jp_facebook_box .txt img{
  /*max-width: 100%;*/
  width: 120px;
  height: auto;
}

/* ============================== facebook / youtube */
@media (max-width: 640px) {
  .sns_media_box{
    display: none;
  }
  #id_ContentsAddthis .sct_bg01{padding-top: 0;}
}
/* ============================== Icon */
/* accordiondown */
.kokeshi { padding-top: 2px; padding-bottom: 1px; background-image: url(../../img/icon_s_kokeshi.gif) !important; background-position: 0 0; }

/* @media */
@media (max-width: 640px) {
	/* accordiondown */
	.kokeshi { background-image: url(../../img/icon_m_kokeshi.gif) !important; -webkit-background-size: 15px 25px; background-size: 15px 25px !important; }
}





/* ============================== Footer Utility */
#gl_footer #id_FooterConnect .ft_pg_top { float: right; padding: 0 8px; border-left: 1px solid #dedede; border-right: 1px solid #dedede; }
#gl_footer #id_FooterConnect .ft_pg_top a { display: block; padding: 0 8px 0 32px; background: url(/cmn_v1/img/icon_s_up_01.png) 0 50% no-repeat; }


/* ============================================================ Media Queries */
@media (max-width: 640px) {
  #gl_footer #id_FooterConnect .ft_pg_top { float: none; border: none; border-top: 1px solid #c9c9c9; border-bottom: 1px solid #dedede; text-align: right; }
  #gl_footer #id_FooterConnect .ft_pg_top a { display: inline-block; padding: 12px 8px 12px 32px; font-size: 14px; text-align: right; background-image: url(/cmn_v1/img/icon_l_up_01.png);
    -webkit-background-size: 32px 32px;
    background-size: 32px 32px;
  }
}