@charset "UTF-8";
/*
Theme Name: Masatoshi Ohtsuki PhotoStudio V2
Theme URI: http://ohtsuki-studio.com/
Description: This is our original theme.
Author: Bryter design studio,Bart.lab
Author URI: http://bart-lab.com
Version:1.0
*/

html {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: #FFF;
  font-family: "Noto Sans JP", "游ゴシック体","Yu Gothic",YuGothic,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  color: #000;}
html,h1,h2,h3,h4,h5,p{font-size: 15px; color: #000;}
a:hover{
  opacity: .7;}
img{
  max-width: 100%;
  height: auto;}
.uk-link:hover, a:hover{
  text-decoration:none;}
.wrapper{
  padding-top: 41px;}
.header{
  background: #FFF;
  z-index: 1000;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  padding: 10px 0;
  line-height: 1;
  margin: 0;
  font-size: 1em;
  text-align: center;}
.header-logo{
  line-height: 1;
  margin-bottom: 0;
  font-size: 1em;}

.header-logo img{
  max-width: 122px;}
.sp-menuBtn{
  position: fixed;
  top: 0;
  right: 0;
  font-size: 1.2em;
  height: 41px;}

.uk-offcanvas{
  font-family: "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif, "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E";}
.uk-offcanvas-bar{
  background: rgba(255,255,255,0.8);}
.uk-offcanvas-page{
  /*position: static;*/
}
#offcanvas-1.sp-offcanvas ul li a{
  color: #000;
  text-align: left;
  font-family: "Red Rose", serif;
	font-weight: 600;}
.sp-offcanvas .uk-panel>ul>li{
  border-bottom: 1px solid #000;
  padding-bottom: .3em;
  margin-bottom: .3em;}
.sp-offcanvas ul ul li{
  margin-bottom: .3em;}
.uk-nav-offcanvas>.uk-open>a, html:not(.uk-touch) .uk-nav-offcanvas>li>a:focus, html:not(.uk-touch) .uk-nav-offcanvas>li>a:hover{
  background: none;}

.uk-nav-sub{
	font-family: "Libre Baskerville", serif;
	font-size: 14px;
	line-height: 30px;
}

.arrowup{
  position: fixed;
  bottom: 20px;
  right: 20px;
  width: 35px;}

.footer{
  color: #FFF;
  background: #000;
  z-index: 99;
  width: 100%;}
.footer-copyright{
  font-size: .7em;
  line-height: 3;
  text-align: center;}

/*

コンテンツ

*/
.mainarea{
  margin-left: 5%;
  margin-right: 5%;}
.content-area{
  padding-top: 3em;
  margin-bottom: 5em;}
.top-image{
  margin: 50px 0;}

.photo-page-box{
  text-align: center;}
.photo-page-title{
  display: none;
  margin-top: 80px;
  text-align: center;
  font-size: 14px;
  font-family: "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif, "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E";}
.page-btn-box{
  width: 78px;
  margin: 40px auto;}
.page-btn{
  float: left;
  display: block;
  margin: 0;
  padding: 0;
  width: 26px;
  height: 25px;
  background: url(img/photopage-arrow.png) no-repeat center center;}
.page-btn a{
  width: 26px;
  height: 25px;
  display: block;}

.page-btn-left{
  background-position: left center;}
.page-btn-right{
  background-position: right center;}
.page-btn-none{
  background-image: none;}

.page-title{
  margin-top: 2px;
  padding-top: 6px;
  border-top: 1px solid #000;
  text-align: right;}
.page-textarea{
  margin-top: 6%;
  margin-left: 5%;}
.page-textarea>*{
  font-size: 12px;
  line-height: 1.8;}
.page-textarea h3{
  font-size: 16px;}
.page-textarea p{
  font-size: 12px;
  line-height: 1.8;}

.blog-box,.grid-sizer {
  width: 100%;
  margin-bottom: 8%;}
.gutter-sizer { width: 0; }

.wp-pagenavi{
  margin: 100px 0 50px;
  clear: both;
  text-align: center;}
.wp-pagenavi>*{
  display: inline-block;
  text-decoration: none;
  font-size: 15px;
  color: #fff;
  background: #dcdcdc;
  margin-right: .6em;
  margin-bottom: .6em;
  width: 26px;
  line-height: 26px;
  padding: 0;}
.wp-pagenavi>a:hover{
  text-decoration: none;
  color: #fff;
  background: #999;}
.wp-pagenavi .current{
  background: #777;
  color: #fff;}

/*.uk-slidenav-position{
  position: static ;}
.uk-open .uk-modal-dialog{
  -webkit-transform: none;
     -moz-transform: none;
      -ms-transform: none;
       -o-transform: none;
          transform: none;}
.uk-slidenav-position .uk-slidenav{
  position: fixed;}
.uk-modal-dialog-lightbox>.uk-close:first-child{
  position: fixed ;
  z-index: 1;
  top: 0;
  right: 0;
  color: rgba(255,255,255,.7);
  background: none;}
.uk-close{
  width: 30px;
  line-height: 30px;
  font-weight: normal;
  font-size: 24px;}
.uk-close-alt:after{
  opacity: 1;}
.uk-slidenav-position .uk-slidenav{
  display: block;}
.uk-slidenav{
  width: 40px;}
.uk-slidenav-position .uk-slidenav-previous{
  left: 0;}
.uk-slidenav-position .uk-slidenav-next{
  right: 0;}
.uk-slidenav-contrast{
  color: rgba(255,255,255,.7);}*/

.lb-nav a.lb-next,.lb-nav a.lb-prev{
  opacity: .7;
  width: 50px;
  top: 0;
  bottom: 0;
  position: fixed;}
.lb-data .lb-details{
  display: none;}
.lb-data .lb-close{
  position: fixed;
  background-position: center center;
  width: 40px;
  height: 40px;
  z-index: 9999;
  top: 0;
  right: 0;}
.lb-outerContainer{
  -webkit-border-radius: 0px;
          border-radius: 0px;}
.lightbox .lb-image{
  border: none;
  -webkit-border-radius: 0px;
          border-radius: 0px;}

.insta_pc{
	width:10%;
	padding-right: 0%;
	margin:0 auto;
}



@media (min-width: 480px) {
.blog-box,.grid-sizer {
  width: 48%;
  margin-bottom: 4%;}
.gutter-sizer { width: 4%; }

}
@media (min-width: 768px) {
.blog-box,.grid-sizer {
  width: 31.8%;
  margin-bottom: 2.3%; }
.gutter-sizer { width: 2.3%; }

}


@media (min-width: 960px) {
.wrapper{
  position: relative;
  padding-top: 60px;
  width: 90%;
  max-width: 1600px;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;}
.header{
  top: auto;
  left: auto;
  background: none;
  width: 245px;
  padding: 0;
  border-bottom: none;}
.header-logo{
  margin-bottom: 50px;}
.header-logo img{
  max-width: 100%;}
header+*{
  margin-top: 0;}
.header-nav ul{
	font-family: "Red Rose", serif;
	font-weight: 600;
  padding: 0;
  margin: 0;}
	
.header-nav ul a{
	color: #000;
	text-decoration: none;
	transition: 0.5;
}
	
.header-nav ul a:hover{
	opacity: 0.5;
	transition: 0.5;
}
	
.header-nav>ul>li{
  margin-top: 25px;}
.submenu li{
  margin: 0 0 14px;}

.arrowup{
  display: none;
  bottom: 65px;
  right: 20px;
  width: 70px;}

.footer{
  position: fixed;
  bottom:0;
  right: 0;
  height: 45px;}
.footer-copyright{
  font-size: .7em;
  height: 1.5em;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  text-align: right;
  line-height: 1;
  margin: auto 2% auto ;}

.mainarea{
  width: 70%;
  margin: 0 0 0 30%;
  margin-bottom: 8em;}

.content-area{
  margin: 0;
  padding: 0;}
.top-image{
  margin: 0;}

.page-textarea{
  margin-left: 9%;}

.grid-sizer {
  display: none;}
	



}

@media (min-height: 798px) and (min-width: 960px) {

.wrapper{
  padding-top: 100px;}
.header-logo{
  margin-bottom: 65px;}
.header-nav>ul>li{
  margin-top: 35px;}
.submenu li{
  margin: 0 0 17px;
font-family: "Libre Baskerville", serif;
	font-size: 13px;}
}

.insta{
	width:20%;
	padding-right: 80%;
}


@media (min-width: 1220px) {
.wrapper{
  width: 75%;}
.mainarea{
  margin-left: 28%;
  width: 72%;}


}

@media (min-width: 1400px) {
.mainarea{
  margin-left: 25%;
  width: 75%;}

}