@charset "UTF-8";

/*
Theme Name: OOHATA 2026
Theme URI: https://hidetakeoohata.com
Author: zukou
Author URI: https://zukou.com
Description: for Hidetake Oohata（OOHATA 2016 Responsive 1.2 をもとに、2026年にお問い合わせフォームを Snow Monkey Forms に置き換えた版）
Version: 2.0
Tags: Photographer
Text Domain: OOHATA
*/

/* -- レイアウト用 -- */
html, body {
	margin: 0;
	padding: 0;
	height: 99%;
	width: 100%;
	font-family: 'ヒラギノ明朝 ProN W3', 'HiraMinProN-W3', '游明朝', 'Yu Mincho', YuMincho, 'a-otf-ryumin-pr6n', 'HG明朝E', 'HGS明朝', 'ＭＳ Ｐ明朝', 'MS PMincho', 'MS 明朝', sans-serif;
	letter-spacing: 0.04em;
	font-weight: 400;
	font-size: 12px;
	line-height: 1.6em;
	/* text-transform: uppercase; */
}

#layoutContainer {
	position: relative;
	min-height: 100%;
}

* html div#layoutContainer {
	height:100%;
}
.bodyContainer {
	padding-bottom: 39px;
}
a  {
	color: #228ABE;
}
a:hover {
	color: #00C9E3;
	text-decoration: underline;
}
.centerPos {
	text-align: center;
}
.img-responsive {
  max-width: 100%;
  height: auto;
}

/*-- ヘッダー --*/
.headSpace {
	padding-top: 17px;
}
.headBox {
	margin-left: auto;
	margin-right: auto;
}
.headLogoSet {
	float: left;
}
.headLogoSet a {
	text-decoration: none;
	color: #000000;
}
.headlogo {
	float: left;
}
.headText {
	float: left;
	margin-left: 24px;
	margin-top: 60px;
	font-size: 22px;
	font-weight: 300;
	color: #363636;
	letter-spacing: 0.04em;
	text-align: center;
}
.headUnder {
	margin-bottom: 20px;
	padding-bottom: 24px;
}
	
/*-- ヘッダー内のメニュー --*/
.menu {
	float: right;
}
a.menuBtn {
  font-family: 'Sorts Mill Goudy', serif;
  font-weight: 400;
  font-size: 12px;
	color: #000000;
	text-decoration: none;
	padding-left: 15px;
	padding-right: 15px;
	float: left;
	display: block;
	text-transform: uppercase;
  margin-top: 3.5px;
}
a.menuBtn + a.menuBtn {
	/*border-left: 1px solid #BBBBBB;*/
}
a.menuBtn:hover {
	text-decoration: underline;
}
a.menuMail {
	float: left;
	margin-top: 0.5px;
	margin-left: 7px;
	display: block;
  color: #000;
}
a.menuPortfolio {
  color: #CCC;
}
a.menuActive {
	text-decoration: underline;
}

/* -- スライドショーの調整 -- */
.easingslider {
	margin-left: auto;
	margin-right: auto;
}
.topSlide {
  /* topPageのスライドショー */
  margin-left: auto;
  margin-right: auto;
  max-width: 74vw;
}
@media screen and (max-width: 480px) {
  .topSlide {
    max-width: 100vw;
  }
}


/*-- フッター --*/
.footerBox {
	position: absolute;
	bottom: 0px;
	left: 0px;
	right: 0px;
	padding-left: 70px;
	padding-right: 70px;
}
.footerSet {
	font-size: 11px;
	/*max-width: 990px;*/
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 3px;
}
.contact {
	float: left;
}
.sns {
	float: right;
}
.contact a, .sns a, .copyRight a {
	color: #000000;
	text-decoration: none;
}
.contact a:hover, .sns a:hover, .copyRight a:hover {
	color: #000000;
	text-decoration: underline;
}
.footerSep {
	margin: 0 0.8em;
	color: #999;
}
.copyRight {
	text-align: center;
  font-family: 'Sorts Mill Goudy', serif;
  font-weight: 400;
  color: #000;
}

/*-- カテゴリページ --*/
h1 {
	font-weight: 300;
	font-size: 26px;
	text-align: center;
	margin-top: 30px;
	margin-bottom: 30px;
}
h2 {
	font-weight: normal;
	font-size: 16px;
	text-align: center;
	margin-top: 5px;
}
.cateDiscription {
	font-weight: normal;
	font-size: 12px;
	text-align: center;
	color: #333333;
}

/* カテゴリの並び方 */
#categoryContainer {
	/*margin-top: 72px;*/
  margin: 0 auto;
  /* position: relative; */
  padding-bottom: 10px;
}
.categoryBox {
	display: block;
	text-decoration: none;
	color: #000000; 
	
  /*background: #fff;
  box-shadow: 0 1px 3px rgba(34, 25, 25, 0.4);*/
 float: left;
  /* margin: 0px; */
  /*min-height: 100px;
	  padding: 0px; */
  width: 200px;
	text-align: center;
  /* transition: top 1s ease, left 1s ease; */
	margin-bottom: 0px;

}

.box-x2-photo {
  width: 652px;
}
.box-x15-photo {
  width: 489px;
}

.categoryName {
	font-size: 14px;
	text-align: center;
	color: #000000;
	margin-top: 5px;
}

.categoryBox .photo  {
	margin-bottom: 7px;
}
.categoryBox .photoTitle {
	font-size:16px;
}
.categoryBox .photoDiscription {
}
.categoryBox .photoDate {
	margin-top: 3px;
	color: #999999;
}
.categoryBox .photoClient {
	color: #999999;
}

/* -- 詳細ページ  -- */
.headTitle {
  font-family: 'Sorts Mill Goudy', serif;
  font-weight: 400;  
}
.postDetail {
	text-align:center;
}
.postDetail .photo {
	text-align:center;
	margin-top: 0px;
  margin-bottom: 15px;
  margin-left: auto;
  margin-right: auto;
  width: 90%;
}
@media (max-width: 1120px) {
  .postDetail .photo {
	  margin-top: 50px;
  }
}
.postDetail .photo .photo-detail {
  /* min-width: 480px; */
  margin-left: auto;
  margin-right: auto;  
}
.postDetail .photoDate {
	color: #999999;
	font-family: 'ヒラギノ明朝 ProN W3', 'HiraMinProN-W3', '游明朝', 'Yu Mincho', YuMincho, 'HG明朝E', 'ＭＳ Ｐ明朝', 'MS PMincho', 'MS 明朝', sans-serif;
}
.postDetail .photoClient {
	color: #999999;
}
.thumbPhotos {
  margin-bottom: 5px;
}
.photoTitle {
  font-weight: 800;
  font-size: 14px;
  margin-bottom: 5px;
}

/*-- Simple Share Buttons Adder (5.5) simplesharebuttons.com  --*/
.ssba {
	margin-top: 50px;
	clear: both;
}

/*-- portfolio詳細 --*/
.portDiscription {
	font-weight: normal;
	font-size: 12px;
	text-align: center;
	color: #333333;
}
.portPlace {
	color: #999999;
	font-weight: normal;
	font-size: 12px;
	text-align: center;
}
.portDate {
	color: #999999;
}

/* newsリスト */
.newsContainer, .aboutContainer {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}
.newsHead {
  font-family: 'Sorts Mill Goudy', serif;
  font-weight: 400;  
}
.newsList a {
	text-decoration: none;
	color: #000000;
}
.newsList .ssba {
	display: none;
}
.newsList .newsTitleBox {
	/*border-top: #666666 dotted 1px;*/
	padding-top: 10px;
	border-bottom: #cccccc dotted 1px;
	padding-bottom: 7px;
	margin-top: 50px;
}
.newsList .newsTitle {
	font-size: 18px;
	line-height: 22px;
	float: left;
}
.newsList .newsDate {
  font-weight: 400;
	font-size: 11px;
	line-height: 12px;
	color: #999999 !important;
	float: right;
  margin-top: 9px;
}
.newsDiscription {
  margin-top: 5px;
}

/* news詳細 */
.newsDetail {
}
.newsDetail .newsBody {
	margin-top: 50px;
  min-height: 300px;
}
.newsDetail .date {
	text-align: right;
	color: #999999;
	font-size: 11px;
}
.newsDetailNavBox {
  margin-top: 50px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  width: 80%;
}
.newsBtn {
  color: #000;
  text-decoration: none;
}
.newsNewBtn {
  position: absolute;
  width: 50px;
  height: 20px;
  top: 0;
  left: 0;
}
.newsOldBtn {
  position: absolute;
  width: 50px;
  height: 20px;
  top: 0;
  right: 0;
}
.newsListBtn {
  position: absolute;
  width: 50px;
  height: 20px;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
}


/* 個別ページのパンくず */
.pankuzuBox {
	float: left;
}
.pankuzuBox a {
	color: #000000;
	text-decoration: none;
}
.pankuzuCatMain {
  font-family: 'Sorts Mill Goudy', 'ヒラギノ明朝 ProN W3', 'HiraMinProN-W3', '游明朝', 'Yu Mincho', YuMincho, 'HG明朝E', 'ＭＳ Ｐ明朝', 'MS PMincho', 'MS 明朝', sans-serif;
  margin-top: 2px;
}
.pankuzuCatMain, .pankuzuCatSub {
	float: left;
}

/* -- 詳細ページの関連画像用 -- */
#detailContainer .sideLeft, #detailContainer .sideRight {
	width: 15%;
	float: left;
}
#detailContainer .sideMid {
	width: 70%;
	float: left;
}
.kanrenTitle {
	margin-top: 20px;
	font-size: 11px;
	line-height: 13px;
	margin-bottom: 7px;
}
.kanrenBoxON {
	opacity: 0.2;
  filter: alpha(opacity=20);
  -ms-filter: "alpha(opacity=20)";
}


/* --- contact --- */
.mailForm {
  width: 90%;
  margin-top: 72px;
  margin-left: auto;
  margin-right: auto;
}
.contactFromBtn {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
.formShort {
  max-width: 300px;
}
.formMid {
  max-width: 500px;
}
.formComment {
  max-width: 700px;
}
.mlnk {
  color: #000;
  text-decoration: underline;
}

/* --- PORTFOLIO 準備中 --- */

.portfolioUnder, .noContents {
  text-align: center;
  width: 300px;
  height: 100px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.portfolioUnderTitle, .noContentsTitle {
  font-family: 'Sorts Mill Goudy', sans-serif;
  margin-bottom: 2px;
}
.portfolioUnderBody {
  font-size: 12px;
}


/* About モバイル調整 */
.aboutContainerFlex{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: flex-start;
}

.aboutPhoto {
  margin-bottom:20px;
  padding: 0 15px;
}
.aboutTexts {
}
@media screen and (max-width: 480px) {
  .aboutPhoto {
    margin-bottom: 50px;
  }
}


/* --- プライバシーポリシー（2026） --- */
.policyPage {
  max-width: 960px; /* ABOUT の見た目の幅（写真＋本文）に合わせる */
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 80px;
  text-align: left;
}
.policyPage p,
.policyPage li {
  font-size: 13px;
  line-height: 1.9;
}
.policyPage p {
  margin: 0 0 0.9em;
}
.policyPage h3 {
  font-size: 16px;
  font-weight: bold;
  line-height: 1.5;
  margin: 3em 0 0.9em;
}
.policyPage > h3:first-of-type {
  margin-top: 2.2em;
}
.policyPage ul {
  margin: 0 0 0.9em;
  padding-left: 1.6em;
}
.policyPage li {
  margin-bottom: 0.2em;
}
.policyPage a {
  color: #000;
  text-decoration: underline;
}
@media screen and (max-width: 480px) {
  .policyPage {
    padding-left: 15px;
    padding-right: 15px;
  }
  .policyPage h3 {
    font-size: 15px;
    margin-top: 2.4em;
  }
}

/* --- INFORMATION の幅を ABOUT・プライバシーポリシーに合わせる（2026） --- */
.newsContainer {
  max-width: 960px;
}