@charset "utf-8";

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

15.12.01
update:yy.mm.dd
*************************************************/

/* ------------------------- 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;}

.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 center;
  margin-bottom: 12px;
}

.ico_fb{
  background-image: url(../../img/ico_fb.gif);
  padding-left: 48px;
  min-height: 36px;
}
.ico_youtube{
  background-image: url(../../img/ico_youtube.gif);
  padding-left: 89px;
  min-height: 36px;
}
.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; }
}



/* ============================== Main Visual */
.main_vi_v1 .bxsld_viewport {
  position: relative;
  overflow: visible!important;
}
.main_vi_v1 .bxsld_viewport:before,
.main_vi_v1 .bxsld_viewport:after {
  content: " ";
  position: absolute;
  z-index: 50;
  width: 1336px;
  height: 410px;
  background-color: #fff;
  opacity: 0.8;
  padding: 0;
}
.main_vi_v1 .bxsld_viewport:before {
  left: -1336px;
}
.main_vi_v1 .bxsld_viewport:after {
  left: 1336px;
}

.main_vi_v1 .main_vi { max-width: 1008px; margin: 0 auto; padding: 0 8px; }
.main_vi_v1 .main_vi > p:first-child { margin-top: 0; }
.main_vi_v1 .main_vi .main_vi_img {}
.main_vi_v1 .main_vi .main_vi_img img { display: block; }
.main_vi_v1 .main_vi .main_vi_img.img_bd { border: 1px solid #c9c9c9; overflow: hidden; }
.main_vi_v1 .main_vi .main_vi_img.img_bd img { margin: -1px 0; }
.main_vi_v1 .main_vi_device { display: none; }

.main_vi_v1 .main_vi_txt { max-width: 1024px; margin: 0 auto; }

.main_vi_v1 #slider { padding-top: 0; padding-left: 0; list-style: none; }
.main_vi_v1 #slider li { margin-top: 0; }

/* For Home */
.main_vi_v1.main_vi_sct.main_vi_hm {
  background: #f3f3f3;
  z-index: 1;
  overflow: hidden;
}
.main_vi_v1.main_vi_sct.main_vi_hm .main_vi { max-width: 1336px; margin-top: 0; padding: 0; }
.main_vi_v1 .bxsld_viewport {
  /*overflow: visible!important;*/
}

/* For Home Sub */
.main_vi_v1.main_vi_sct.main_vi_hm_sub { background: #f3f3f3; z-index: 1; }
.main_vi_v1.main_vi_sct.main_vi_hm_sub .main_vi { max-width: 1024px; margin-top: 0; padding: 0; }

.main_vi_v1 .slider_side {
  opacity: 0.8;
  background-color: #fff;
  height: 500px;
  width: 500px;
}

@media (max-width: 640px) {
  .main_vi_v1 .main_vi { padding: 0; }
  .main_vi_v1 .main_vi_device { display: block; padding: 16px 20px; background: #666666; }
  .main_vi_v1 .main_vi_device p { margin-top: 8px; }
  .main_vi_v1 .main_vi_device p:first-child { margin-top: 0; }
  .main_vi_v1 .main_vi_device .main_vi_dvc_lead { font-size: 24px; line-height: 1.2; color: #ffffff; }
  .main_vi_v1 .main_vi_device .main_vi_dvc_txt { line-height: 1.2; color: #ffffff; }
  .main_vi_v1 .main_vi_device .main_vi_dvc_btn {}
  .main_vi_v1 .main_vi_device .main_vi_dvc_btn a { position: relative; display: inline-block; padding: 8px 32px 8px 16px; background: #c2c2c2; text-decoration: none; color: #333333;  font-weight: bold; line-height: 1.2;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .main_vi_v1 .main_vi_device .main_vi_dvc_btn a:after { display: block; width: 16px; height: 16px;
    content: '';
    position: absolute;
    top: 50%;
    right: 8px;
    margin-top: -8px;
    background: url(/cmn_v1/img/icon_m_right_03.png) 0 0 no-repeat;
    background-size: contain;
  }
}