@charset "utf-8";

/*全体の設定
---------------------------------------------------------------------------*/
html {
  font-size: 62.5%;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd,form,figure{
  margin: 0;
  padding: 0;
  font:inherit;
}
body {
  background-color: #1A1A1A;
  color: #ccc;
  font-size: 1.6rem;
  margin: 0 auto;
  padding: 0;
  font-family: 'Lato','Hiragino Kaku Gothic ProN',"ヒラギノ角ゴ Pro W3","游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic,Arial,Helvetica,Meiryo,'MS PGothic', Sans-serif;
  line-height: 1.8;
}
ul li{
  list-style: outside none none;
}
img {
  max-width: 100%;
  height: auto;
  border: none;
  vertical-align: bottom;
}
table {
  border-collapse:collapse;
  border-spacing: 0;
}
iframe{
  width: 100%;
}
address{
  font-style: normal;
}
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.clearfix::after {
  content: "";
  display: block;
  clear: both;
}
/*リンク（全般）設定
---------------------------------------------------------------------------*/
a {
  text-decoration:none;
  outline: none;
  color:#08C;
}
a:hover {
  opacity:0.85;
  text-decoration: none;
}
/*フォント設定
---------------------------------------------------------------------------*/
.mincho{
  font-family: Georgia, "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3,"ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}
/*カラー設定
---------------------------------------------------------------------------*/
/*見出し設定
---------------------------------------------------------------------------*/
/*共通部品
---------------------------------------------------------------------------*/
/*Slide
--------------------------------------*/
.portGallSlider,
.portGallThumb{
  display: none;
}
.portGallSlider.slick-initialized,
.portGallThumb.slick-initialized{
  display: block;
}
/*ボタン設定
--------------------------------------*/
button,
input[type="submit"],
input[type="button"]{
  border: none;
  cursor: pointer;
  outline: none;
  -webkit-appearance: none;
}
/*水平線設定
--------------------------------------*/
.hrStyle1{
  border-width: 1px 0 0 0;
  border-style: solid;
  border-color: #000;
  margin-bottom: 20px;
}
/*テーブル設定
--------------------------------------*/
/*カラム設定
---------------------------------------------------------------------------*/
.flexCols {
  display: -webkit-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap : wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.flexAlignC{
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.flexAlignEnd{
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}
.flexJC {
  -webkit-box-pack:center;
  -webkit-justify-content:center;
  -ms-flex-pack: center;
  justify-content: center;
}
.flexCC {
  -webkit-box-pack:center;
  -webkit-justify-content:center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.flexSbet{
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between
}
.flexSbetC{
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.flexSard {
  -ms-flex-pack: distribute;
  -webkit-justify-content: space-around;
  justify-content: space-around;
}
/*アニメーション
---------------------------------------------------------------------------*/
body.home {
  animation: fadeIn 1s ease 0s  1 normal;
  -webkit-animation: fadeIn 1s ease 0s 1 normal;
}
@keyframes fadeIn {
  0% {opacity: 0}
  50% {opacity: 0}
  100% {opacity: 1}
}
@-webkit-keyframes fadeIn {
  0% {opacity: 0}
  50% {opacity: 0}
  100% {opacity: 1}
}
/*Layout
---------------------------------------------------------------------------*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  main {
    display: block;
  }
}
main {
  margin-left: 22rem;
  width: calc(100% - 22rem);
}
aside {
  color: #FFF;
  background-color: #000;
  box-shadow:
  0 0.25rem 0.5rem rgb(90 97 105 / 12%);
  position: fixed;
  top: 0;
  left: 0;
  width: 22rem;
  height: 100vh;
  text-align: center;
  z-index: 9;
  padding: 3rem 1rem;
}
/*共通コンテンツ
--------------------------------------*/
/*Header
---------------------------------------------------------------------------*/
aside a{
  color: #FFF;
}
.gHeader{
  width: 100%;
  height: 100%;
}
.gHdrInr{
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}
.site-name a{
  font-size: 2.2rem;
  font-weight: 700;
  font-family: 'Poiret One', cursive;
}
.gNavi{
  margin-top: 3rem;
}
.gNavi ul li.nav-ttl{
  font-weight: 700;
  margin-bottom: 0.2rem;
}
.nav-pCat{
  font-size: 1.5rem;
  line-height: 2;
  font-weight: 300;
}
.nav-about{
  font-weight: 400;
  margin-top: 2rem;
}
.gHdr_snsArea{
  margin-top: auto;
}
.gHdr_snsArea a{
  display: flex;
  vertical-align: middle;
}
.gHdr_snsArea_box{
  margin: 0 .8rem;
}
.insta-ttl img{
  width: 8rem;
}
.insta-logo{
  display: inline-block;
}
.insta-logo img{
  width: 3.2rem;
}
.sp-btn-menu {
  display: none;
}
/*FOOTER
---------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------
□下層共通
---------------------------------------------------------------------------*/
/*オープニング
----------------------------------------*/
.splash {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 99;
  background: #2a2a2a;
  text-align:center;
  color:#fff;
}
.splash_logo {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: auto;
}
.splash_logo h2{
  font-size: 5rem;
  font-weight: 700;
  -webkit-text-fill-color: transparent;
  background-size: cover;
  -webkit-background-clip: text;
  background-repeat: no-repeat;
  background-position: center;
}
.moment .splash_logo h2{
  background-image: url(../images/gallery/moment/moment_01.jpg);
}
.works .splash_logo h2{
  background-image: url(../images/gallery/works/works_01.jpg);
}
.portrait .splash_logo h2{
  background-image: url(../images/gallery/portrait/portrait_01.jpg);
}
/*Main
---------------------------------------------------------------------------*/
.secLow{
  padding: 12rem 6rem;
}
/*ect
---------------------------------------------------------------------------*/
.floatL { float: left; }
.floatR { float: right; }
.alignL {text-align: left;}
.alignR {text-align: right;}
.alignCR {text-align: center;}

.pcNone{display: none!important;}
.pcNone-inl{display: none!important;}
.spNone{display: block!important;}
.spNone-inl{display: inline!important;}

.fw700{font-weight: 700;}
.textNone {text-indent: 100%;white-space: nowrap;overflow: hidden;line-height: 0;}