@charset "UTF-8";
/* =============================================================================
  特集用CSS 2017年4月更新

  ブラウザ対応：モダンブラウザ、IE10+（IE9以下にクラス指定……html.ie）
  ブレイクポイント：600px, 960px
  ベンダープレフィックスはprefixfree.jsで対応するので記述しないでOKです
============================================================================= */

/*----------------------------------------
ヘッダー＆フッター
----------------------------------------*/
.br-pc{display: block;}
.br-sp{display: none;}
#wrapper-fuk #header_nav,
#wrapper-fuk #footer_nav {
  display: none;
}
.ie #wrapper-fuk #t-header,
.ie #wrapper-fuk #all-footer,
.ie .smp-area {
  display: none;
}
#change-area,
.calendar-popup,
.modal-popup,
#adArea {
  display: none;
}
#headContainer #header #headerUtility {
		height: auto;
	}
/*----------------------------------------
印刷用
----------------------------------------*/
@media print{
  #wrapper-fuk #header_nav,
  #wrapper-fuk #footer_nav,
  #wrapper-fuk #t-header,
  #wrapper-fuk #all-footer,
  #wrapper-fuk .smp-area,
  #adArea {
    display: none;
  }
}
/*----------------------------------------
基本設定
----------------------------------------*/
#wrapper-fuk {
  min-width: 100%;
  overflow-x: hidden;
}
@font-face {
  font-family: YuGothicM;
  src: local("Yu Gothic Medium");
}
.contents {
  color: #333;
  font: 16px/1.6 -apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, "游ゴシック Medium", YuGothicM, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  text-align: left;
  position: relative;
  overflow: hidden;
}
@media all and (-ms-high-contrast: none) {
  .contents {
    font-family: Verdana, Meiryo, sans-serif;
  }
}
.contents img {
  max-width: 100%;
}
.contents a {
  max-width: 100%;
}
ul,ol,dl,dt,dd {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
p {
  margin: 0;
}
/* リンク設定
--------------------*/
a:link {
  color: #000;
  text-decoration: none;
}
a:visited {
  color: #000;
  text-decoration: none;
}

/*----------------------------------------
汎用セレクタ・クラス
----------------------------------------*/
.contents nav {
  clear: both;
}
.contents section {
  clear: both;
  text-align: left;
}
.contents h1,.contents h2,.contents h3 {
  line-height: 1.2;
}
.contents small {
  font-size: .85em;
}
.clear {
  clear: both;
}
.txtC {
  text-align: center;
}
.txtR {
  text-align: right;
}
.txtL {
  text-align: left;
}
/* パンくず
--------------------*/
.pankuzu {
  float: left;
  font-size: .85em;
  text-align: left;
  padding: 5px 5px 0;
  position: relative;
  z-index: 100;
}
.pankuzu li {
  display: inline-block;
  white-space: nowrap;
  padding: 0 .5em;
  margin: 0 .1em .2em;
}
.pankuzu li + li:before {
  content: '\f105';
  font-family: fontawesome;
  margin-right: .5em;
}
.pankuzu li a {
  display: inline-block;
}
/* TOPボタン
--------------------*/
.goTop img{
  position: fixed;
  bottom: 16px;
  right: 16px;
}
/*MV*/
#mv{
  background-image: url("../image/mv_pc1920.png");
  background-repeat: no-repeat;
  background-size: cover;
}
#mv img{
  width: 40%;
  margin: auto;
  display: block;
}
/*全体
--------------------*/
.naiyo{
  width:960px;
  margin:auto;
  padding: 3% 0;
}
/*各種SNSコンテンツ部分
--------------------*/
h2{
  text-align: center;
  padding: 3% 0;
  font-size: 1.7rem;
  font-weight: 600;
  color:#0048aa;
  background-color: #f8ecff;
}
/*スライド*/
.slider_back p img{
  margin: auto;
  display: block;
  width: 30%;
}
.slider_back{
  background-image: url("../image/mv_pc1920.png");
  background-repeat: no-repeat;
  background-size: cover;
}
.slider{
  padding: 1% 0 3%;
}
.slider div a{
  display: block;
  width: 55%;
}
.slider div a:hover{
  border: 4px solid #034aab;  
}
.slider div img{
  background-color: #fff;
  width:500px;
}

/*0123改良ここから*/
.flexbox{
  display: flex;
}
.flexbox .left{
  width: 60%;
  margin: 2%;
}
.flexbox .left p{
  padding:2%;
}
.flexbox .right{
  width: 35%;
  margin: auto;
}
.ig_block .left .sample,.line_block .left .sample,.yt_block .left .sample{
  display: flex;
}
.ig_block .left .sample dl,.line_block .left .sample dl,.yt_block .left .sample dl{
  margin: 2%;
}
.ig_block .left .sample dl dd,.line_block .left .sample dl dd,.yt_block .left .sample dl dd{
  text-align: center;
  margin: 1% auto;
}
/*.ig_block .ig_btn{
  display: block;
  text-align: center;
  padding: 1.5%;
  background: linear-gradient(to right, rgba(247, 207, 0, 0.7), rgba(246, 37, 2, 0.7) 45%, rgba(182, 47, 82, 0.7) 75%, rgba(113, 58, 166, 0.7));
  width: 80%;
  margin: 3% auto;
  border-radius: 5rem;
  font-size: 1.7rem;
  color: #fff;
  font-weight: 600;
}*/
.ig_block .ig_btn{
  display: block;
  text-align: center;
  width: 80%;
  background: linear-gradient(to right, rgba(247, 207, 0, 0.7), rgba(246, 37, 2, 0.7) 45%, rgba(182, 47, 82, 0.7) 75%, rgba(113, 58, 166, 0.7));
  overflow: hidden;
  position: relative;
  margin: 3% auto;
  border-radius: 5rem;
  font-size: 1.7rem;
  color: #fff;
  font-weight: 600;
  padding: 2%;
}
.ig_block .ig_btn::after, .line_block .line_btn::after,.xfb_block .x_btn::after,.xfb_block .fb_btn::after,.xfb_block .mail_btn::after, .yt_block .yt_btn::after{
  content: '';
  position: absolute;
  background-image: url(https://www.his-j.com/cmn/icon/icon_arrow_right_white.svg);
  width: 50px;
  height: 50px;
  top: calc(100%/2 - 25px);
  right: -5px;
}
.ig_block .ig_btn:hover,.line_block a:hover,.xfb_block .x_btn:hover,
.xfb_block .fb_btn:hover,.xfb_block .mail_btn:hover,.yt_block .yt_btn:hover{
  opacity: 0.8;
}
.line_block .line_btn{
  background: #00ba00;
  display: block;
  text-align: center;
  width: 80%;
  overflow: hidden;
  position: relative;
  margin: 1% auto;
  border-radius: 5rem;
  font-size: 1.7rem;
  color: #fff;
  font-weight: 600;
  padding: 2%;
}
.linehere{
  text-align: center;
  margin-top: 3%;
  font-size: 1.3rem;
}
.yt_block .yt_btn{
  background: #c4302b;
  display: block;
  text-align: center;
  width: 80%;
  overflow: hidden;
  position: relative;
  margin: 1% auto;
  border-radius: 5rem;
  font-size: 1.7rem;
  color: #fff;
  font-weight: 600;
  padding: 2%;
}
.xfb_block{
  display: flex;
  flex-wrap: wrap;
}
.xfb_block .twitter,.xfb_block .facebook,.xfb_block .merumaga{
  margin: 5% 0;
  padding: 1%;
}
.xfb_block .twitter p,.xfb_block .facebook p,.xfb_block .merumaga p{
  padding: 4%;
}
.xfb_block .x_btn{
  display: block;
  text-align: center;
  width: 80%;
  background-color: #000;
  overflow: hidden;
  position: relative;
  margin: 3% auto;
  border-radius: 5rem;
  font-size: 1.5rem;
  color: #fff;
  font-weight: 600;
  padding: 2%;
}
.xfb_block .fb_btn{
  display: block;
  text-align: center;
  width: 80%;
  background-color: #3B5998;
  overflow: hidden;
  position: relative;
  margin: 3% auto;
  border-radius: 5rem;
  font-size: 1.5rem;
  color: #fff;
  font-weight: 600;
  padding: 2%;
}
.xfb_block .mail_btn{
  display: block;
  text-align: center;
  width: 80%;
  background-color: #10069f;
  overflow: hidden;
  position: relative;
  margin: 3% auto;
  border-radius: 5rem;
  font-size: 1.5rem;
  color: #fff;
  font-weight: 600;
  padding: 2%;
}
.icon_size{
  width: 30%;
  margin: auto;
  display: block;
}
.bunkatsu{
  width: 50%;
}
/*スマホ調整ここから
--------------------*/
.headfoot-is-sp .br-sp,.headfoot-is-sp .nopc{ display: block;}
.headfoot-is-sp .br-pc,.headfoot-is-sp .nosp{ display: none;}

.headfoot-is-sp #mv img,.headfoot-is-sp .naiyo{
  width: 98%;
  padding: 1%;
}
.headfoot-is-sp .naiyo{
  width:100%;
}
.headfoot-is-sp .naiyo .sns_block{
  display: block;
}
.headfoot-is-sp .naiyo .parts_block{
  width: 90%;
  margin: 4% auto;
}
.headfoot-is-sp .mailmagazine ul{
  display:block;
}
.headfoot-is-sp .mailmagazine ul .left{
  width: 37%;
  padding: 0;
}
.headfoot-is-sp .mailmagazine ul .right {
  width: 100%;
  padding: 4%;
}
.headfoot-is-sp .slider div img{
  width: 100%;
}
.headfoot-is-sp .slider_back p img,
.headfoot-is-sp .slider div a{
  width: 90%;
  margin: auto;
}
.headfoot-is-sp .goTop img{
  zoom: 0.8;
}
.headfoot-is-sp .flexbox{
  display: block;
}
.headfoot-is-sp .flexbox .left{
  width: 96%;
}
.headfoot-is-sp .flexbox .right,.headfoot-is-sp .flexbox .left{
  width: 96%;
}
.headfoot-is-sp .xfb_block{
  display: block;
}
.headfoot-is-sp .bunkatsu{
  width:98%;
  margin:1%;
  padding: 10% 0;
}
/*タブレット調整ここから
--------------------*/
.is-ipad #nosp,.is-ipad .nosp,.is-ipad .br-pc{ display: block;}
.is-ipad #nopc,.is-ipad .nopc,.is-ipad .br-sp{ display: none;}
.is-ipad #mv img{
  width: 90%;
}
.is-ipad .naiyo{
  width:100%;
}
.is-ipad .naiyo .sns_block{
  display: flex;
}
.is-ipad .naiyo .parts_block{
  width:40%;
}
.is-ipad .mailmagazine ul{
  display: flex;
}
.is-ipad .mailmagazine ul .left{
  padding: 4%;
}
.is-ipad .flexbox,.is-ipad .xfb_block{
  display: flex;
}
.is-ipad .bunkatsu{
  width:48%;
  padding:2%;
}
.is-ipad .slider_back p img{
  width: 80%;
}
.is-ipad .slider div a{
  width: 90%;
}