/* すべてのデバイス/画面サイズに共通 かつ 480：iPhone 7/6 Plus縦 */
html {
  visibility: hidden;
}
html.wf-active {
  visibility: visible;
}
body { font-size: 14px;}
p,span,.navbar {font-family: "heisei-kaku-gothic-std";}
.tag,.status,.button,small { font-family:BlinkMacSystemFont,-apple-system,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",Helvetica,Arial,sans-serif; font-weight: normal;}
.content h1,.content h2,.content h3,.content h4,.content h5 {
	font-weight: 900;
	font-feature-settings: "palt";
	font-family: "heisei-kaku-gothic-std";
}
.wrap { overflow: hidden;}
section { background: #F7F7F7;}

/* ローディングアニメーション */
body,html {
 width: 100%;
 height: 100%;
 margin: 0;
 padding: 0;
}
 width="auto" height="28"
.anime {
 width: 100%;
 height: 100%;
 min-height: 1080px;
 max-height: 1080px;
 position: relative;
 z-index: 9999;
 margin-top: -3.25rem;
  background: #fff;

}
 
.anime svg {
 display: block;
 position: absolute;
 left: 50%;
 top: 50%;
 margin-left: -68px;
 margin-top: -50px;
}
 
.mainSite {
 width: 100%;
 height: 100%;
 max-height: 1080px;
 position: relative;
 background: #fff;
}


.item-highlight .content figure {
	margin: -0.75rem -0.75rem 0.5rem ;
}
.item-highlight .content figure + span {
	margin-bottom:0.5rem;
}
.headline-item { text-align: center;}

.item-recommend p.is-size-6 { margin-bottom: 0.5rem;}

.text-margin-top{margin-top: 1rem;}

/* page-top */
#page-top {
	position: fixed;
	bottom: 20px;
	right: 20px;
	font-size: 77%;
}
#page-top a {
	background: #000;
	text-decoration: none;
	color: #fff;
	width: 35px;
	padding: 10px;
	text-align: center;
	display: block;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
#page-top a:hover {
	text-decoration: none;
	background: #999;
}

/*-------------------------
nav
-------------------------*/
.navbar-item .control a { padding: .5rem 0;}
/* 余白調整 */
#box-highlight,#box-interview,#box-recommend,#box-schedule,#box-profile {
	padding-top: 6rem;
	margin-top: -6rem;
}

/*-------------------------
hover
-------------------------*/
.mfp-content .content .popup-modal { display: block;}

/* font */
.kakugo {
	font-family: "heisei-kaku-gothic-std";
	font-weight: 900;
	font-feature-settings : "palt";	
}

.imgBright {
  position: relative;
  display: inline-block;
  overflow: hidden;
}

.imgBright:before {
  content: "";
  background-color: rgba(255, 255, 255, 0.2);
  height: 100%;
  width: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: -160%;
  transform: skewX(-45deg) translateX(0);
}

.imgBright:hover:before {
  transform: skewX(-45deg) translateX(320%);
  transition: all 0.2s ease-in-out;
}

.imgBright3:before {
  animation: bright 1.5s ease-in-out 1s infinite;
}

@keyframes bright {
  0% {
     transform: skewX(-45deg) translateX(0);
  }
  15% {
    transform: skewX(-45deg) translateX(320%);
  }
  100% {
    transform: skewX(-45deg) translateX(320%);
  }
}

/* タグ */
.tag {
	border-radius: 0!important;
	height: 1.25rem !important;
	border: 1px solid #F7F7F7;
}
.item-publicity .tag { background:#DEDEDE!important;}
.tag.gold {
	background: #B2915F!important;
	color: #fff!important;
}

/* 見出し */
.headline-item .title.is-3 {
	font-family: "heisei-kaku-gothic-std";
	font-weight: 900;
	font-size: 8vmin;
	font-style: italic;
	font-feature-settings : "palt";
	position: relative;
  }

.item-highlight .column,
.item-team .column {
	background: #fff;
}

/* 余白調整 */
.item-team .container,
.item-highlight .container {
	margin-left: 0.75rem;
	margin-right: 0.75rem;
}

/* メインイメージ */
.main {
/*グラデーションの場合↓
	background: -moz-linear-gradient(-175deg, rgba(236, 245, 251, .5), rgba(226, 228, 237, .5));
    background: -webkit-linear-gradient(-175deg, rgba(236, 245, 251, .5), rgba(226, 228, 237, .5));
    background: linear-gradient(-175deg, rgba(236, 245, 251, .5), rgba(226, 228, 237, .5));
    z-index: 1;
    overflow: hidden;*/
background: #e8edf3;
}
.main img { display: block;}
.main .container { padding: 0 1.5rem;}

.item-pub-header {
	margin-bottom: 2rem;
}
.item-border{
	background: #F7F7F7;
	margin-top: -140px;
}
.item-border p {
	background: linear-gradient(-65deg,#0168B7 0%,#0168B7 50%,#E83419 50%,#E83419 100%);
	height: 80px;
	margin-left: -5rem;
	margin-right: -5rem;
}
.item-publicity .is-one-third img {
-webkit-box-shadow: 0px 6px 5px 0px rgba(0,0,0,0.5);
-moz-box-shadow: 0px 6px 5px 0px rgba(0,0,0,0.5);
box-shadow: 0px 6px 5px 0px rgba(0,0,0,0.5);}
.item-publicity .item-pub-header figure { margin: 0 0 1.5rem; } 
 
/* 創刊号の見どころ */
.item-highlight .column {
	padding-bottom: 2rem;
}
.columns.is-mobile {
	display: block;
}
.tag + small { padding-left: 0.5rem;}

/* 創刊への想い */
.status,.romaji {
	font-size: 0.8rem;
}
.status { color: #000; }
.mfp-content .status {
	font-size: 1rem;
	margin-left: 1rem;
}
.romaji {
	color: #9E7D4B;
	font-weight: 100;
	font-style: italic;
	margin-top: -0.5rem;
	display: block;
}

.mfp-content .content {
	background: #fff;
	padding: 2rem;
	font-weight: 900;
	font-size: 16px;
}

.item-team .columns,.item-highlight .columns{
	display: flex;
	flex-wrap: wrap;
}
.item-team .column,
.item-highlight .column {
	flex-basis: inherit;-webkit-box-flex: inherit;
}
.item-team .column { width: 50%;}
.item-highlight .column { width: 100%;}

.item-team .content h3 {
	margin-top: 0.5rem;
}
.item-team .content figure { margin: 0 0 0.75rem;}
.item-team .imgBright { margin: -0.75rem -0.75rem 0;}
.popup-modal-dismiss { text-align: center;}
.popup-modal-dismiss button { font-weight: normal; font-size: 14px;}

/* 推薦コメント */
.item-recommend {
	background:linear-gradient(-65deg,#0168B7 0%,#0168B7 50%,#E83419 50%,#E83419 100%);
}
.item-recommend .content {
	background: #fff;
}
.item-recommend .content {
	background: #fff;
	padding: 3rem;
}


/* 刊行スケジュール */
.item-schedule .is-two-fifths .content {
	background: #EFEFEF;
	padding: 3rem;
}

/* コレオ・クラウドについて */
.item-info figure,.item-info .content h3 {
	margin-bottom: 0.25rem;
}

/* 見出し下英字 */
.headline-item .title.is-3:before {
	background: url(../img/after_title.png) no-repeat;
	display: block;
	height: 3px;
	width: 130px;
	content: '';
	position: absolute;
	bottom: 42%;
	left: 50%;
	margin-left: -65px;
}
.headline-item .title.is-3:after {
	display: block;
	font-size: 50%;
	margin: 2rem 0 2.25rem;
	color: #9E7D4B;
	font-weight: 100;
}
.item-highlight .headline-item .title.is-3:after { content:'Highlight'}
.item-team .headline-item .title.is-3:after { content:'Interview'}
.item-recommend .headline-item .title.is-3:after { content:'Recommend'}
.item-schedule .headline-item .title.is-3:after { content:'Schedule'}
.item-info .headline-item .title.is-3:after { content:'CHOREO & CLOUD Profile'}


/* footer */
.footer { background: #B2915E; color: #fff; position: relative;}
.footer:before {
	background:linear-gradient(-90deg,#0168B7 0%,#0168B7 50%,#E83419 50%,#E83419 100%);
	content:'';
	display: block;
	height: 6px;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

/* スマホのみ */
@media only screen and (max-width:767px){
.text-block { display: block;}
.section.item-publicity { padding-top: 1.5rem;}
/* 創刊号の見どころ */

/* 推薦コメント */
.item-recommend .content {
	padding: 3rem 1.5rem;}
.item-team .column:nth-child(odd) {
	border-right: 1px solid #ccc;
}
.item-recommend .kakugo {
	font-size: 1rem;
	font-weight: 600;
}
.item-recommend p.is-size-6 { font-size: 0.8rem !important;}

/* 余白調整 */
.section.item-team { padding-bottom: 6.75rem;}
.section.item-schedule { padding-top: 6rem;}

}


/* iPad縦 / iPhone 7/6 Plus横 */
@media screen and (min-width: 480px) {

}

/* PC（デスクトップ/タブレット横） */
@media screen and (min-width: 768px) {
/* メインイメージ */
.main .container { padding: 0 1.5rem;}

.headline-item .title.is-3 {
	font-size: 2.6rem;
}
.mfp-width {
	width: 700px;
	margin: 0 auto;
	padding: 1.5rem;
	position: relative;
}
button.mfp-close { position: absolute; top:24px; right:24px;}
button.mfp-close:active { top: 24px;}
.columns.is-mobile {
	display: flex;
}
.item-highlight .columns.is-mobile .column {
	border-right: 1px solid #ccc;
}

/* 創刊号の見どころ */
.item-highlight .column:nth-child(odd) {
	border-right: 1px solid #ccc;
}
/* 創刊への想い */
.item-team .column { width: 20%;}
.item-highlight .column { width: 50%;}

/* 推薦コメント */
.item-team .column {
	border-right: 1px solid #ccc;
}
.item-team .column:nth-child(5),.item-team .column:nth-child(10) {
	border-right: none;
}
.item-recommend .kakugo {
	font-size: 1.5rem;
}
}

/* 920以上：PC（デスクトップ） */
@media screen and (min-width: 920px) {
/* メインイメージ */	

.item-publicity .item-pub-header figure {text-align: left;}
.item-publicity .is-one-third figure { margin: 0;}

/* 余白調整 */
.section.item-highlight,
.section.item-schedule
 { padding-bottom: 0;}

/* 創刊号の見どころ */
.item-highlight .column:nth-child(2),.item-highlight .column:nth-child(6) {
	border-right: 1px solid #ccc;
}

/* 創刊への想い */
/*.item-team .column { width: 25%;} 
*/
.item-highlight .column { width: 25%;}

/* 1024以上：PC（デスクトップ） */
@media screen and (min-width: 1024px) {
/* 余白調整 */
.item-team .container,
.item-highlight .container {
	margin-left: auto;
	margin-right: auto;
}
#box-highlight,#box-interview,#box-recommend,#box-schedule,#box-profile {
	padding-top: 8rem;
	margin-top: -8rem;
}

/* メインイメージ */
.section.item-border {
	padding-bottom: 0;
}
.main .container { padding: 0;}
/* 推薦コメント */
.item-recommend .content {
	width: 982px;
	margin: 0 auto;
	padding: 3rem 9rem 3rem;
}

}
@media screen and (min-width: 1214px) {
.container {
	width: 1152px;
	margin: 0 auto;
}
.hero {
/*	background: url(../img/img_main.jpg) no-repeat;
	background-size: cover;
	background-position: center;
	height: 795px;
*/}
.hero img { display: none;}