@charset "utf-8";

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,input,textarea,button,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;}
body{line-height:1;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
ul,ol{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}
ins{background-color:#ff9;color:#000;text-decoration:none}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}
table{border-collapse:collapse;border-spacing:0}
input,select{vertical-align:middle}
img {vertical-align:top}



body {
  margin: 0;
  padding: 0;
  font-family: "Verdana","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif; }

body #contentsArea {
	overflow:visible;
}
body.social {
  background-color: #000;
  position: relative; }

.wrapperAll {
  position: relative;
  margin: 0 auto;
  width: 964px; }

.wrapperfooter {
  background-color: #ffffff;
  width: 100%;
  position: absolute;
  bottom: 0px; }
  .wrapperfooter #footerArea {
    margin: 0 auto;
    width: 964px; }

#sharebar {
  margin: 0 auto;
  width: 964px; }
  #sharebar ul {
    margin: 0 0 30px 0;
    padding: 0; }
    #sharebar ul:before, #sharebar ul:after {
      content: " ";
      display: table; }
    #sharebar ul:after {
      clear: both; }
    #sharebar ul {
      *zoom: 1; }
    #sharebar ul li {
      float: left;
      width: 110px;
      margin-right: 10px; }

.socialTop {
  width: 100% !important; }
  .socialTop .content {
    width: 964px;
    margin: 0 auto;
    padding: 0; }
    .socialTop .content h1 {
      margin: 15px 0 35px 0; }
      .socialTop .content h1 img {
        vertical-align: top; }
    .socialTop .content h2 {
      margin: 60px 0 30px; }
    .socialTop .content ul {
      margin: 0;
      padding: 0; }
  .socialTop .wrapperLikebox {
    width: 100%;
    border-top: 1px solid #dddddd;
    padding: 0;
    border-bottom: 1px solid #dddddd; }
  .socialTop .wrapperInfo {
    width: 100%;
    background-color: #f7f7f7;
    padding: 0;
    border-bottom: 1px solid #dddddd;
    margin-top: 0;
    padding-top: 60px; }
    .socialTop .wrapperInfo h2 {
      margin-top: 0; }
  .socialTop .mainSlider {
    height: 457px;
    overflow: hidden;
    margin-bottom: 60px !important; }
  .socialTop .mainSlider2 {
    height: 457px;
    overflow: hidden;
    margin-bottom: 60px !important; }

	.socialTop .wrapperInstagram {
		padding: 5px 0 50px;
		text-align: center;
	}
	.socialTop .wrapperInstagram .textBlock {
		display: block;
		text-align: center;
	}
	.socialTop .wrapperInstagram .textBlock .text {
		padding: 0 0 13px;
		display: inline-block;
	}
	.socialTop .wrapperInstagram .textBlock .text > img{
		max-width:100%;
		width: 100%;
		height: auto;
	}
	.socialTop .wrapperInstagram .instagram {
		display: block;
		text-align: center;
	}
	.socialTop .wrapperInstagram .instagram > a {
		display: inline-block;
	}
	.socialTop .wrapperInstagram .instagram > a img {
		max-width:100%;
		width: 100%;
		height: auto;
	}
  .socialTop .likeBox {
    width: 964px;
    display: table;
    margin: 0 auto;
    padding: 10px 0; }
    .socialTop .likeBox .box {
      display: table-cell;
      vertical-align: middle;
      width: 350px;
      padding-left: 50px; }
    .socialTop .likeBox .text {
      display: table-cell;
      vertical-align: middle; }
  .socialTop .info dl {
    margin-bottom: 40px; }
    .socialTop .info dl dt {
      width: 110px;
      float: left;
      clear: both;
      font-size: 14px;
      line-height: 1.4;
      color: #666666;
      margin-bottom: 10px; }
    .socialTop .info dl dd {
      margin-left: 110px;
      font-size: 14px;
      line-height: 1.4;
      color: #000000;
      margin-bottom: 10px; }
  .socialTop .pickup ul {
    margin: 0 0 30px 0;
    padding: 0; }
    .socialTop .pickup ul:before, .socialTop .pickup ul:after {
      content: " ";
      display: table; }
    .socialTop .pickup ul:after {
      clear: both; }
    .socialTop .pickup ul {
      *zoom: 1; }
    .socialTop .pickup ul li {
      width: 308px;
      margin-right: 20px;
      margin-bottom: 20px;
      float: left; }
      .socialTop .pickup ul li:nth-child(3n) {
        margin-right: 0; }
      .socialTop .pickup ul li a {
        display: block;
        width: 100%;
        height: 100%;
        text-decoration: none; }
        .socialTop .pickup ul li a .date {
          padding: 15px 20px 5px 20px;
          font-size: 12px;
          line-height: 1.4; }
		.socialTop .pickup ul li a .title {
			padding: 0 20px 5px 20px;
			font-size: 18px;
			line-height: 1.2;
			font-weight: bold;
			color: #000000; }
		.socialTop .pickup ul li a .text {
			padding: 0 20px;
			margin: 5px 0 10px;
			font-size: 14px;
			line-height: 1.2;
			color: #000000; }
        .socialTop .pickup ul li a .detail {
          padding: 0 20px 20px 20px;
          font-size: 12px;
          line-height: 1.4; }
        .socialTop .pickup ul li a:link, .socialTop .pickup ul li a:visited {
          background-color: #eeeeee; }
        .socialTop .pickup ul li a:hover, .socialTop .pickup ul li a:active {
          background: #e6e6e6; }

	.socialTop .sns{
		height: 872px;

		position: relative;
	}

  .socialTop .sns .titleList {

	  /*
    margin: 60px 0 0px;
    padding: 0;
    */
  }
  /*
    .socialTop .sns .titleList:before, .socialTop .sns .titleList:after {
      content: " ";
      display: table; }
    .socialTop .sns .titleList:after {
      clear: both; }
    .socialTop .sns .titleList {
      *zoom: 1;
  */
    .socialTop .sns .titleList li {
            /*width: 295px;*/
			height:35px;
			padding-top:15px;
			padding-left:15px;
			margin-right: 2px;
	    /*
			float: left;
			background:#f7f7f7;
			cursor: pointer;
			position: relative;
		*/
			font-weight:bold;
			font-size:20px;
			line-height:1;
	        position : absolute;
    }
    /*
      .socialTop .sns .titleList li select {
        position: absolute;
        right: 0px;
        top: 5px; }
      .socialTop .sns .titleList li:nth-child(3n) {
        margin-right: 0; }
      .socialTop .sns .titleList li.active {
        background:#c90c41;
				color:#fff }
	*/
	.socialTop .sns .titleList li select {
		margin-left: 10px;
		vertical-align: top;
		font-size: 12px;
	}
	.socialTop .sns .titleList li.fb{
		top: 0px;
		left: 0px;
	}
	.socialTop .sns .titleList li.ig{
		top: 0px;
		left: 490px;
	}
	.socialTop .sns .titleList li.tw{
		top: 520px;
		left: 0px;
	}
	.socialTop .sns .titleList li.yt{
		top: 520px;
		left: 490px;
	}
  .socialTop .sns .contentList {

  }

/*    .socialTop .sns .contentList li {
      display: none; }*/

      .socialTop .sns .contentList li.fb {
	      position: absolute;
	      top: 49px;
	      left: 0px;

        width: 472px;
        height: 470px;
        border: 1px solid #ddd; }
	/*
        .socialTop .sns .contentList li.fb .fb1 {
          display: block; }
        .socialTop .sns .contentList li.fb .fb2 {
          display: none; }
	*/

      .socialTop .sns .contentList li.ig {
	      position: absolute;
	      top: 49px;
	      right:0px;
	      border: 1px solid #ddd;
	      overflow: scroll;

          width: 472px;
          height: 470px;
          overflow: hidden;
          border: 1px solid #ddd;
          padding: 23px 21px;
          box-sizing: border-box;
      }

        .socialTop .sns .contentList li.ig .instagram {
          font-size: 0;
          margin: -2px;
          text-align: center;
        }

        .socialTop .sns .contentList li.ig .instagram li {
          line-height: 0;
          display: inline-block;
          width: 32%;
          margin: 2px;
          vertical-align: top;
        }

        .socialTop .sns .contentList li.ig .instagram img {
          width: 100%;
          max-width: 150px;
          height: auto;
          vertical-align: bottom;
        }

      .socialTop .sns .contentList li.tw {
	      position: absolute;
	      top: 569px;
	      left:0px;
          border: 1px solid #ddd;
          overflow: hidden;

          height: 300px;
      }
        .socialTop .sns .contentList li.tw iframe {
          width: 472px !important;
          /*height: 250px;*/
        }


      .socialTop .sns .contentList li.yt {
	      position: absolute;
          top: 569px;
          right: 0px;

	      width: 472px !important;
	      height: 300px;
        border: 1px solid #ddd;
        overflow: scroll; }
        .socialTop .sns .contentList li.yt ul li {
          display: block;
          border-bottom: 1px solid #ddd; }
          .socialTop .sns .contentList li.yt ul li a {
            display: block;
            text-decoration: none;
            padding: 10px 20px; }
            .socialTop .sns .contentList li.yt ul li a:before, .socialTop .sns .contentList li.yt ul li a:after {
              content: " ";
              display: table; }
            .socialTop .sns .contentList li.yt ul li a:after {
              clear: both; }
            .socialTop .sns .contentList li.yt ul li a {
              *zoom: 1; }
          .socialTop .sns .contentList li.yt ul li img {
            float: left;
            width: 120px; }
          .socialTop .sns .contentList li.yt ul li p {
            margin-left: 140px; }
          .socialTop .sns .contentList li.yt ul li .date {
            display: block;
            font-size: 12px;
            line-height: 1.2;
            color: #666666;
            margin-bottom: 5px; }
          .socialTop .sns .contentList li.yt ul li .title {
            display: block;
            font-size: 14px;
            line-height: 1.2;
            color: #000000; }
      .socialTop .sns .contentList li.active {
        display: block; }
  .socialTop .archive ul {
    margin: 0 0 50px 0;
    padding: 0;
    overflow: hidden;
    visibility: hidden; }
    .socialTop .archive ul:before, .socialTop .archive ul:after {
      content: " ";
      display: table; }
    .socialTop .archive ul:after {
      clear: both; }
    .socialTop .archive ul {
      *zoom: 1; }
    .socialTop .archive ul li {
      width: 240px;
      margin-right: 1px;
      margin-bottom: 35px;
      float: left; }
      .socialTop .archive ul li a {
        display: block;
        text-decoration: none; }
        .socialTop .archive ul li a img {
          margin-bottom: 15px; }
        .socialTop .archive ul li a .date {
          font-size: 12px;
          line-height: 1.4;
          color: #666666;
          margin-bottom: 5px; }
        .socialTop .archive ul li a .title {
          font-size: 14px;
          line-height: 1.4;
          color: #000000;
          padding-right: 20px; }
      .socialTop .archive ul li:nth-child(4n) {
        margin-right: 0; }
  .socialTop .archive .moreBtn {
    display: none;
    margin-bottom: 50px;
    padding: 15px 0;
    text-align: center;
    font-size: 18px;
    color: #333;
    text-decoration: none;
    background: #eee;
    cursor: pointer; }
    .socialTop .archive .moreBtn span {
      background-image: url("/SOCIAL/IMG/btn_arrow.png");
      background-repeat: no-repeat;
      background-position: right center;
      padding: 15px; }
    .socialTop .archive .moreBtn:hover {
      background: #e6e6e6; }

.socialSecond {
  color: #ccc;
  background: #000;
  font-size: 12px;
  /* 記事ヘッダー
  ====================================================================== */
  /* ///////////////////////////////////////////////////////////////////
  見出し部分
  /////////////////////////////////////////////////////////////////// */
  	/* ///////////////////////////////////////////////////////////////////

  	コンテンツ

  	/////////////////////////////////////////////////////////////////// */
  /* LikeBox、シェアバー
  ====================================================================== */ }
  .socialSecond article {
    width: 840px !important;
    margin: 0 auto !important; }
  .socialSecond #nisoc-article-header hgroup h1 {
    font-size: 36px !important;
    line-height: 1.4;
    margin: 0px 0px 18px 0px; }
  .socialSecond #nisoc-article-header hgroup h1 span.small {
    font-size: 30px !important;
    line-height: 1.3px; }
  .socialSecond #nisoc-article-header hgroup p {
    font-size: 15px;
    font-weight: bold;
    margin: 19px 0px 0px 0px; }
  .socialSecond #nisoc-article-header > p:first-child {
    font-weight: bold;
    line-height: 1; }
    .socialSecond #nisoc-article-header > p:first-child time {
      min-height: 12px;
      padding-left: 24px;
      font-size: 16px;
      color: #c51733;
      background: url(/SOCIAL/IMG/marker_01.png) left center no-repeat; }
  .socialSecond hgroup .lead .text001 {
    padding: 0px 0px 30px 0px;
    font-size: 15px !important;
    line-height: 24px;
    font-weight: normal !important; }
  .socialSecond hgroup .lead figure {
    border-bottom: 1px solid #333333;
    margin: 0px 0px 60px 0px;
    padding: 0 0 60px 0; }
  .socialSecond .conTtl {
    display: block;
    margin: 0px 0 25px 0;
    padding: 0px 0px 0px 23px;
    font-size: 17px;
    color: #C51733;
    background: url(/SOCIAL/IMG/marker_01.png) left center no-repeat;
    line-height: 1; }
  .socialSecond .contentsBlock {
    border-bottom: 1px solid #333333;
    margin: 0px 0px 45px 0px;
    padding: 0px 0px 45px 0px; }
  .socialSecond .contentsBlock .text001 {
    font-size: 15px;
    line-height: 1.6; }
  .socialSecond .contentsBlock .contMain .left {
    line-height: 24px;
    font-size: 15px !important; }
  .socialSecond .contentsBlock .contMain figure {
    float: right;
    padding: 0 0 80px 57px; }
  .socialSecond .contents004 {
    border: none;
    margin: 0 0 0 0;
    padding: 0 0 0 0; }
  .socialSecond .contents004 .contMain figure {
    padding-bottom: 50px; }
  .socialSecond .contents004 figure img {
    margin: 0 0 30px 0;
    display: block; }
  .socialSecond .contents004 .text001 {
    padding: 0 0 24px 0; }
  .socialSecond #nisoc-article-body .nsLikeBox2Block {
    display: table;
    width: 100%; }
  .socialSecond #nisoc-article-body .nsLikeBox2Block #nsLikeBox2 {
    margin: 0px 0px 15px 0px;
    padding: 0px 18px 0px 0px; }
  .socialSecond #nisoc-article-body .nsLikeBox2Block #nsLikeBox2 .inner {
    display: table-cell;
    border: 1px solid #777 !important;
    width: 280px !important;
    background-color: #444 !important;
    margin: 0px 0px 0px 0px !important;
    padding: 2px 0 !important; }
  .socialSecond #nisoc-article-body .nsLikeBox2Block .text001 {
    display: table-cell;
    font-size: 16px;
    line-height: 28px;
    padding: 0px 0px 0px 0px;
    vertical-align: middle;
    text-indent: -1em;
    margin-left: 1em; }
  .socialSecond #nisoc-article-body #sharebar {
    min-height: 1px;
    clear: both;
    margin-top: 50px;
    text-align: left; }
    .socialSecond #nisoc-article-body #sharebar ul li {
      width: auto;
      float: left;
      margin: 0 7px 5px 0;
      list-style: none !important;
      list-style-type: none;
      text-align: left;
      height: 30px; }
  .socialSecond .related {
    width: 964px;
    margin: 0 auto;
    padding: 0; }
    .socialSecond .related h2 {
      margin: 90px 0 30px;
      font-size: 28px; }
    .socialSecond .related ul {
      padding: 0; }
      .socialSecond .related ul:before, .socialSecond .related ul:after {
        content: " ";
        display: table; }
      .socialSecond .related ul:after {
        clear: both; }
      .socialSecond .related ul {
        *zoom: 1; }
      .socialSecond .related ul li {
        width: 240px;
        margin-right: 1px;
        margin-bottom: 35px;
        float: left; }
        .socialSecond .related ul li a {
          display: block;
          text-decoration: none; }
          .socialSecond .related ul li a img {
            margin-bottom: 15px; }
          .socialSecond .related ul li a .date {
            font-size: 12px;
            line-height: 1.4;
            color: #666666;
            margin-bottom: 5px; }
          .socialSecond .related ul li a .title {
            font-size: 14px;
            line-height: 1.4;
            color: #cccccc;
            padding-right: 20px; }
        .socialSecond .related ul li:nth-child(4n) {
          margin-right: 0; }
  .socialSecond .goTop {
    width: 964px;
    margin: 0 auto;
    padding: 10px 0 90px;
    border-top: 1px solid #fff; }
    .socialSecond .goTop a {
      font-size: 18px; }
      .socialSecond .goTop a:link, .socialSecond .goTop a:visited {
        color: #ffffff;
        text-decoration: none; }
      .socialSecond .goTop a:hover, .socialSecond .goTop a:active {
        color: #cccccc;
        text-decoration: none; }