@charset "utf-8";

/* = base.php
----------------------------------------------- */

html,body {
  margin: 0; padding: 0; height: 100%; width: 100%; /* フッター固定に必要な記述 */
  max-width:100% !important;overflow-x:hidden;
  font-size:10px;}
body {
font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans","Yu Gothic", "Hiragino Kaku Gothic ProN", "Arial", "Meiryo", sans-serif;
	letter-spacing:0.05em;
	-webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size:11px;
	line-height:15px;
	letter-spacing:0.025em;
	font-weight:500;
	color:#000;
	background-color:#fefefe;
	cursor: default !important;}
	
*, *:before, *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  line-height:0;
}	

.PC {
	display: block;}
.SP {
	display: none;}
img { /* レスポンシブ時の画像設定 */
	max-width: 100% !important;
	height: auto !important;
	vertical-align: middle !important;}
a,a:link,a:visited,a:active {
	color: #777;
	cursor: default !important;
	}
a:hover {
	text-decoration: none;}




/* = header.php
----------------------------------------------- */

#skrollr-body {
  position: absolute; top: 0px; left: 0; height: 100%; width: 100%; /* フッター固定に必要な記述 */}
#wrap {
  width:100%;
  margin: 0 auto 0;
  min-height: 100%; /* フッター固定に必要な記述 */
  height: auto; /* フッター固定に必要な記述 */
  }
  
.logo{
	position:relative;
	z-index:9999;
	font-size:1.1rem;
	line-height:1.5rem;
	letter-spacing:0.025em;
	font-weight:500;
	text-align:left;
	text-decoration:none !important;
}
.logo a{
	color:#000 !important;
	text-decoration:none !important;
}
.logo a:hover{
	color:#00fffa !important;
}
.indexLink{
	font-size:1.1rem;
	line-height:1.5rem;
	letter-spacing:0.025em;
	font-weight:500;
	text-align:right;
	color:#000 !important;
	text-decoration:none !important;
	padding-right:.4rem;
}
.indexLink:hover{
	color:#00fffa !important;
}

#header{
	padding:1rem;
	padding-top:.8rem;
	width:100%;
	z-index:9000;
	-webkit-transition: all 0.5s;
      -moz-transition: all 0.5s;
      -ms-transition: all 0.5s;
      -o-transition: all 0.5s;
      transition: all 0.5s;
      background-color:#eee;
      display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -webkit-justify-content:space-between;
    -ms-flex-pack:justify;
    justify-content:space-between;
}
.fixedHeader{
	position:fixed;
	bottom:0;
	left:0;
}

.contentWrap{
	padding:1rem;
	padding-bottom:.8rem;
	min-height:calc(100vh - 3.3rem) !important;
	position:relative;
}
.guideOn .guide{
	padding:1rem;
	padding-bottom:.8rem;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	border:solid 1px #7cfc00;
	display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -webkit-justify-content:space-between;
    -ms-flex-pack:justify;
    justify-content:space-between;
    webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}
.guide li{
	width:8.15%;
	height:100%;
	border:solid 1px #7cfc00;
}
.guideOff .guide{
	display:none !important;
}
	
.guideOn .marginGuide{
	position:absolute;
	top:0px;
	width:100%;
	color: #00ffff;
	text-align:center;
	border:solid 1px #00ffff;
	padding:.8rem;
}	
.guideOff .marginGuide{
	display:none !important;
}

/* = single
----------------------------------------------- */

.swiper-wrapper{
	min-height:calc(100vh - 5.1rem) !important;
}
.slideImage{
	width:100% !important;
	display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -webkit-justify-content:space-between;
    -ms-flex-pack:justify;
    justify-content:space-between;
    webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	
    padding-bottom:calc(2vw + 4rem);
}
.block{
	position:relative;
}
.slideImage .block:last-child{
	margin-right:0% !important;
}
.size1{
	width:8.15%;
}
.size2{
	width:16.5%;
}
.size3{
	width:24.85%;
}
.size4{
	width:33.2%;
}
.size5{
	width:41.55%;
}
.size6{
	width:49.9%;
}
.size7{
	width:58.25%;
}
.size8{
	width:66.6%;
}
.size9{
	width:74.95%;
}
.size10{
	width:83.3%;
}
.size11{
	width:91.65%;
}
.size12{
	width:100%;
}
.marginL0{
	margin-left:0;
}
.marginL1{
	margin-left:8.35%;
}
.marginL2{
	margin-left:16.7%;
}
.marginL3{
	margin-left:25.05%;
}
.marginL4{
	margin-left:33.4%;
}
.marginL5{
	margin-left:41.75%;
}
.marginL6{
	margin-left:50.1%;
}
.marginL7{
	margin-left:58.45%;
}
.marginL8{
	margin-left:66.8%;
}
.marginL9{
	margin-left:75.15%;
}
.marginL10{
	margin-left:83.5%;
}
.marginL11{
	margin-left:91.85%;
}
.swiper-slide{
 opacity:0 !important;
 filter:grayscale(0);
 -webkit-transition: all 0.25s linear;
    -moz-transition: all 0.25s linear;
    -ms-transition: all 0.25s linear;
    -o-transition: all 0.25s linear;
    transition: all 0.25s linear;
}
 .swiper-slide-active{
 	opacity:1 !important;
 }
.swiper-slide-prev{
	opacity:.1 !important;
	filter:grayscale(1);
}
.swiper-slide-prev .editorBlock, .swiper-slide-prev .caption{
	opacity:0 !important;
}

.swiper-slide-duplicate.swiper-slide-prev{
	opacity:0 !important;
}

.swiper-button-next, .swiper-button-prev {
position: absolute;
top:0 !important;
width: 50% !important;
height: calc(100% - 4.8rem )!important;
margin-top: 0 !important;
z-index: 10;
cursor: default !important;
display: block  !important;
align-items: center !important;
justify-content: center  !important;
color:blue  !important;
}
.swiper-button-next{
right: 0 !important;
left: auto !important;
cursor:  e-resize !important;
}
.swiper-button-prev{
left: 0 !important;
right: auto !important;
cursor: w-resize  !important;
}
.swiper-button-next:after, .swiper-button-prev:after {
	display: none !important;
	content: none !important;
}
.imgBlock img{
	width:100%;
	height:auto;
}
.imgBlock .caption{
	font-size:.9rem;
	line-height:1.5rem;
	letter-spacing:0.05em;
	font-weight:400;
	text-align:left;
	text-decoration:none !important;
	margin-top:.4rem;
	margin-bottom:1.3rem;
}
.editorBlock p, .editorBlock .txt{
	font-size:1.1rem;
	line-height:1.8rem;
	letter-spacing:0.025em;
	font-weight:400;
	text-align:left;
	text-decoration:none !important;
	margin-bottom:1.5rem;
}
.editorBlock .captiontxt{
	font-size:.9rem;
	line-height:1.5rem;
	letter-spacing:0.05em;
	font-weight:400;
	text-align:left;
	text-decoration:none !important;
	margin-bottom:1.3rem;
}
.editorBlock .pagetitle{
	font-size:1.5rem;
	line-height:2.4rem;
	letter-spacing:0.05em;
	font-weight:400;
	text-align:left;
	text-decoration:none !important;
	margin-bottom:2rem;
}
.editorBlock .subtitle{
	font-size:1.3rem;
	line-height:2.1rem;
	letter-spacing:0.05em;
	font-weight:400;
	text-align:left;
	text-decoration:none !important;
	margin-bottom:2rem;
}
.editorBlock h1{
	font-size:2.4rem;
	line-height:1.6em;
	letter-spacing:0.05em;
	font-weight:400;
}
.editorBlock h2{
	font-size:2.1rem;
	line-height:1.6em;
	letter-spacing:0.05em;
	font-weight:400;
}
.editorBlock h3{
	font-size:1.8rem;
	line-height:1.6em;
	letter-spacing:0.075em;
	font-weight:400;
}
.editorBlock h4{
	font-size:1.5rem;
	line-height:1.6em;
	letter-spacing:0.075em;
	font-weight:400;
}
.editorBlock h5{
	font-size:1.3rem;
	line-height:1.6em;
	letter-spacing:0.1em;
	font-weight:400;
}
.editorBlock h6{
	font-size:.9rem;
	line-height:1.6em;
	letter-spacing:0.1em;
	font-weight:400;
}
strong{font-weight:500 !important;}

.editorBlock a{
	position:relative;
	z-index:1000 !important;
	color:#000 !important;
	text-decoration:underline !important;
}
.editorBlock a:hover{
	color:#00fffa !important;
}
.editorBlock img{
	width:100% !important;
	height:auto !important;
	line-height:1em;
	margin-bottom:.4rem;
}
.guideOn .editorBlock{
	background-color:#f0fff0;
}

.swiper-lazy-preloader {
width: auto !important;
height: auto !important;
position: fixed !important;
left: 50%;
top: 50%;
margin-left: auto !important;
margin-top: auto !important;
z-index: 10;
transform-origin: 0 !important;
animation: none !important;
box-sizing: border-box;
border: none !important;
border-radius: 0 !important;
border-top-color:none !important;
-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	font-size:1.1rem;
	line-height:1.5rem;
	letter-spacing:0.025em;
	font-weight:400;
	color:#000000 !important;
}


.swiper-lazy:not(.swiper-lazy-loaded) {
opacity:0 !important;
}



/* = index
-------------------------------------------------------------- */
.heading{
	width:100%;
	padding:0px;
	padding-top:0;
	padding-bottom:0;
	display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-direction:normal;
    -moz-box-direction:normal;
    -webkit-box-orient:horizontal;
    -moz-box-orient:horizontal;
    -webkit-flex-direction:row;
    -moz-flex-direction:row;
    flex-direction:row;
    webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom:.8rem;
}
.heading p{
	font-size:1.1rem;
	line-height:1.5rem;
	letter-spacing:0.025em;
	font-weight:500;
	text-align:left;
	text-decoration:none !important;
}
.heading .headingPageTitle{
	font-size:1.1rem;
	line-height:1.5rem;
	letter-spacing:0.025em;
	font-weight:500;
	text-align:left;
	text-decoration:none !important;
}
.heading .headingPageTitle span{
	font-weight:500 !important;
	position:relative;
	top:-.2rem;
}
.headingPageTitle{
	width:24.85%;
	margin-right:.2%;
	padding-right:1em;
}
.headingPostNo{
	width:8.15%;
	margin-right:.2%;
	padding-right:1em;
}
.headingTeam{
	width:41.55%;
	padding-right:1em;
}
.headingYear{
	width:16.5%;
	margin-right:.2%;
	padding-right:1em;
}
.headingPagesMax{
	width:8.15%;
	font-size:1.1rem;
	line-height:1.5rem;
	letter-spacing:0.025em;
	font-weight:500;
	text-align:right !important;
	text-decoration:none !important;
}

.grid li a{
	display:block;
	width:100%;
	display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-direction:normal;
    -moz-box-direction:normal;
    -webkit-box-orient:horizontal;
    -moz-box-orient:horizontal;
    -webkit-flex-direction:row;
    -moz-flex-direction:row;
    flex-direction:row;
    webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    text-decoration:none !important;
    font-size:1.1rem;
	line-height:1.5rem;
	letter-spacing:0.025em;
	font-weight:400 !important;
	color:#000 !important;
	position:relative;
	padding:.8rem 0;
}
.grid li a .headingPageTitle,
.grid li a .headingPostNo,
.grid li a .headingYear,
.grid li a .headingTeam,
.grid li a .headingPagesMax{
 font-size:1.1rem;
	line-height:1.5rem;
	letter-spacing:0.025em;
	font-weight:400 !important;
	color:#000 !important;
}
.grid li a:hover .headingPageTitle,
.grid li a:hover .headingPostNo,
.grid li a:hover .headingYear,
.grid li a:hover .headingTeam,
.grid li a:hover .headingPagesMax{
	color:#00fffa !important;
}
.grid li{
border-top:solid 1px #eee;
}
.gridImage{
	position:absolute;
	top:0px;
	left:75.35%;
	width:16.5%;
	opacity:0;
	-webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    -ms-transition: all 0.1s linear;
    -o-transition: all 0.1s linear;
    transition: all 0.1s linear;
}
.gridImage img{
	width:100%;
	height:auto;
}
.grid li a:hover .gridImage{
	opacity:1;
}

.postLink{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
.postLinkText{
	position:absolute;
	top:100%;
	left:0;
	width:100%;
	font-size:1.1rem;
	line-height:1.5rem;
	letter-spacing:0.025em;
	font-weight:500 !important;
	color:#00fffa !important;
	margin-top:.4rem;
	opacity:0;
}
.block:hover .postLinkText{
	opacity:1;
	text-align
}

.prevTextWrap,.nextTextWrap {
	overflow: hidden;
}

.prevText, .nextText{
	position: fixed;
	top: 0;
	left: 0;
	font-size:1.1rem;
	line-height:1.5rem;
	letter-spacing:0.025em;
	font-weight:500 !important;
	color:#00fffa !important;
	display:none;
}
.prevTextWrap:hover .prevText{
display:block;
}
.nextTextWrap:hover .nextText{
display:block;
}


/* = footer.php
-------------------------------------------------------------- */


.pageInfo{
	width:100%;
	position:absolute;
	bottom:0;
	left:0;
	padding:0px;
	padding-top:0;
	padding-bottom:0;
	display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-direction:normal;
    -moz-box-direction:normal;
    -webkit-box-orient:horizontal;
    -moz-box-orient:horizontal;
    -webkit-flex-direction:row;
    -moz-flex-direction:row;
    flex-direction:row;
    webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.swiper-slide-prev .pageInfo{
	display:none;
}

.pageInfo p{
	font-size:1.1rem;
	line-height:1.5rem;
	letter-spacing:0.025em;
	font-weight:400;
	text-align:left;
	text-decoration:none !important;
}
.pageInfo p span{
	font-weight:500 !important;
	position:relative;
	top:-.2rem;
}
.pageInfo .pageTitle{
	font-size:1.1rem;
	line-height:1.5rem;
	letter-spacing:0.025em;
	font-weight:400;
	text-align:left;
	text-decoration:none !important;
}
.pageInfo .pageTitle span{
	font-weight:500 !important;
	position:relative;
	top:-.2rem;
}
.pageTitle{
width:24.85%;
	margin-right:.2%;
}
.postNo{
	width:8.15%;
	margin-right:.2%;
}
.team{
	width:41.55%;
}
.year{
	width:16.5%;
	margin-right:.2%;
}
.pagesMax{
	position:absolute;
	right:.4rem;
	bottom:.8rem;
	font-size:1.1rem;
	line-height:1.5rem;
	letter-spacing:0.025em;
	font-weight:400;
	text-align:right;
	text-decoration:none !important;
}
.pagesMax p{
	font-weight:500 !important;
	position:relative;
	top:-1.7rem;
}

.swiper-slide-prev .pageInfo, .swiper-slide-prev .pagesMax{
	display:none;
}

.swiper-pagination {
position: relative !important;
text-align: right !important;
transition: .3s opacity;
transform: translate3d(0,0,0);
z-index: 10;
}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
bottom: auto !important;
left:auto !important;
width:auto !important;
}

.message{
position:fixed;
width:100%;
top:50%;
left:50%;
display:none;
font-size:1rem;
	line-height:1.8rem;
	letter-spacing:0.025em;
	font-weight:400;
	text-align:center;
	text-decoration:none !important;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	z-index:9999;
	color:#000000;
}

/* = home
----------------------------------------------- */

 #home .slideImage{
 	margin-bottom:1.2rem;
 }

/* = Media (Responsive Setting)
-------------------------------------------------------------- */

/* 縦向き */
@media (orientation: portrait) {
	.contentWrap{
		opacity:0 !important;
	}
	.message{
		display:block;
	}
	
	
}

@media only screen and (min-width: 2280px){

	html,body {
		font-size:11.2px;
	}

} /*Query End*/
@media only screen and (min-width: 1920px) and (max-width: 2279px){

html,body {
		font-size:10.6px;
	}

} /*Query End*/
@media only screen and (min-width: 1280px) and (max-width: 1440px){

html,body {
		font-size:9px;
	}
}/*Query End*/
@media only screen and (min-width: 960px) and (max-width: 1279px){

html,body {
		font-size:8px;
	}
}/*Query End*/
@media only screen and (min-width: 768px) and (max-width: 959px) {

html,body {
		font-size:8px;
	}

.editorBlock h1{
	font-size:2rem;
}
.editorBlock h2{
	font-size:1.8rem;
}
.editorBlock h3{
	font-size:1.6rem;
}
.editorBlock h4{
	font-size:1.4rem;
}
.editorBlock h5{
	font-size:1.2rem;
}
.editorBlock h6{
	font-size:.8rem;
}
.editorBlock p, .editorBlock .txt{
	font-size:1rem;
	line-height:1.6em;
	margin-bottom:1.4rem;
}	

	
}/*Query End*/

@media only screen and (max-width: 767px) {

html,body {
		font-size:7px;
	}

.PC {display: none;}
.SP {display: block;}
#wrap {width: 100%;}


.editorBlock h1{
	font-size:2rem;
}
.editorBlock h2{
	font-size:1.8rem;
}
.editorBlock h3{
	font-size:1.6rem;
}
.editorBlock h4{
	font-size:1.4rem;
}
.editorBlock h5{
	font-size:1.2rem;
}
.editorBlock h6{
	font-size:.8rem;
}
.editorBlock p, .editorBlock .txt{
	font-size:1rem;
	line-height:1.6em;
	margin-bottom:1.4rem;
}


} /*Query End*/