@charset "utf-8";

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-style:normal;
	font-weight: normal;
	font-size: 100%;
	vertical-align: baseline;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
input, textarea,{
	margin: 0;
	padding: 0;
}
ul {
    list-style: khmer;
}
ol { /* フッターのリスト専用 */
	list-style: none;
}
table{
    border-collapse: collapse;
    border-spacing:0;
}
caption, th{
    text-align: left;
}
a:focus {
	outline:none;
}
.clearfix:after {
  clear: both;
  content: ' ';
  display: table;
}

.pure-menu::-webkit-scrollbar {
    display:none;
} /* メニューバーのスクロールバー消し */

/******************************* ここまでリセット */
/* iOSダークモードのときの設定
@media (prefers-color-scheme: dark) {
	body {
	  background-color: #555;
	  color: #000;
	}
  }
　やっぱやめました。2021年2月11日　*/

/* デフォルトセット ******************************/

html,body {
	-webkit-overflow-scrolling: touch;
	width: 100%;
	height: 100%;
	font-family: zeitung, dnp-shuei-gothic-gin-std, sans-serif;
	font-weight: 400;
	font-style: normal;
	background-color: #fff;
	background-color: #fb0;
	background-color: #fc0;
	background-color: #fbbfbf;
}

a {
	color: #000;
	text-decoration: none;
}

a:hover {
	color: #000;
}

p.mail:after {
	content: "@gmail.com";
}


/****** ここまでデフォルトセット */

/* ここからモバイル *************/

.pc { /* 経緯としてはcallのテキストをhtmlで書いておるがSPで消してPCで出したい */
	display: none;
}

section {
	margin-top: 30px;
}

.head__title { /* 石田祐規h1 */
	font-size: 4rem;
	line-height: 10rem;
	margin-left: 25px;
	font-family: tbnpmincho-std, sans-serif;
	font-weight: 400;
	font-style: normal;
}

.head__title a { /* TOP最上部の名前の色指定 */
	color: #000;
	letter-spacing: -4px;
}

li a {
	display: inline-block;
}

/************************* ナビゲーション */
/* と名付けることにする 2020 */

nav {
	font-size: 3.2rem;
	margin: 10px 0 0 4px;
}

nav a { /* ナビの文字色 */
    color: #000;
}

nav li {
	margin: 10px 0 10px 0;
	/* background-color: #9D8DF1;
	background-color: #FF4365;
	background-color: #B7AD99; */
	padding: 10px;
	width: fit-content;
}

/* セクションごとのクラス */
.youtube {
	margin: 30px auto 70px;
    width: 920px;
}

.top-image {
	margin: 30px auto 70px;
	width: 920px;
}

nav.pure-menu.pure-menu-horizontal.pure-menu-scrollable {
    padding: 0 0 0 25px;
}

/*  呼び出しメニュー   */
/* 2020からフッターサイトマップになりました */

#menu {
	font-size: 5rem;
	text-align: center;
	padding: 40px 20px;
	background-color: rgb(0, 255, 221);
}

.menu li {
	line-height: 100px;
}

.menu__link {
	display: block;
	line-height: 100px;
}

.main a {
	/* color: red; */
	text-decoration: none;
}

.main a:hover {
	text-decoration: underline;
}

/***/
h2 {
	font-size: 6rem;
	margin: 0 0 0 30px;
}
p {
	font-size: 2.6em;
	margin: 20px 0 0 0;
}

header p {
	margin: 0 0 0 30px;
}

/***/
/************* photo一覧ページ ****************/



.photo__area {
	width: 100%;
}

.photo__area img {
	width: 100%;
}

.box {
	position: relative;
	margin: 0 3% 2% 3%;
}
.box p {
	position: absolute;/*絶対配置*/
  	color: white;/*文字は白に*/
  	top: 0;
	left: 0;
	font-size: 3rem;
}


/*************** old_topページ ************************************/

.group { /* 包括box */
	margin: 0 auto;
	padding: 1%;
}

.row { /* 行・この中に1枚〜2枚を入れる */
	width: 100%;
	display: flex;
	justify-content: space-between;
	margin-bottom: 8px;
}

.yoko { /* 全面横1枚写真 */
	width: 100%;
	height: 100%;
}

.yoko-50 {
	width: 49.7%;
	height: 100%;
}

.tate-50 { /* 1/2のサイズのタテ写真 */
	width: 49.55%;
	height: 100%;
	margin: 0;
}

.yoko-66 { /* 2/3のサイズの横写真 */
	width: 68.599%;
	height: 100%;
}

.tate-33 {
	width: 30.6%;
	height: 100%;
}

/* ここまでtopページ */


.detail {
	margin-top: 0px;
	padding: 0px 0px 0px 0px;
	overflow: visible;
	width: 100%;
}
.detail img {
	width: 90%;
	margin: 0px;
	float: left;
	padding: 1% 5%;
}


.sub {
	font-size: 60px;
	text-align: center;
	margin: 50px 0 0 0;
}

.sub:first-of-type {
	margin: 20px;
}

.detail_zine {
	margin-top: 80px;
	padding: 0px 0px 0px 0px;
	overflow: visible;
	width: 100%;
}

.zine {
	margin-bottom: 40px;
	float: none;
}


.bio__panel h2 {
	/* Bio用 */
	font-size: 40px;
}

.bio {
	margin: 30px 0;
}

.bio img {
	float: none;
}



.bio__panel {
	margin: 10%;
}

.bio__bank {
	display: none;
}

/* ナンバリング用 読者が迷わないよう */
.call {
	font-size: 3em;
	width: 100%;
	text-align: center;
	position: fixed;
}

.bio a {
	color: #005294;
	font-family: Courier ,sans-serif;
}

/* テキスト周りのマージン */
.txt {
	margin: 40px;
	font-size: 150%;
}

.bank__txt H2 {
	font-size: 200%;
	text-align: center;
}

.bank__day {
	font-size: 130%;
}

.txt p {
	font-size: 100%;
	line-height: 2;
}

.bank__txt {
	margin: 40px;
}

a.pure-menu-link {
    color: #dbff17;
		background-color: #14a5ea;
} /* topのメニューの文字調整 */

/* ここからパーツ *********************************/

/* 文字に関すること */

.small {font-size: 85%;}
.big {font-size: 120%}
.bold {font-weight: bold;}
.red {color: red;}
.under-line {background: linear-gradient(transparent 60%, #3498db 60%);}

/* レイアウト */
.center {text-align: center;}
/* .float-left {float: left;}
.float-right {float: right;}
.both{clear:both;}  いずれ消す */
.mg10 {margin: 10px 0;}
.mg20 {margin: 20px 0;}
.mg30 {margin: 30px 0;}
.mg40 {margin: 40px 0;}
.mg50 {margin: 50px 0;}

.right {
	display: block;
	text-align: right;
}

.priload {
	display: none;
}

/******************************** ここまでパーツ */

/****************************************************************** ここまでモバイル










ここからパソコン ******************************************************************/

@media all and (min-device-width: 800px) and (min-width: 800px) {

h2 {
	font-size: 3rem;
	line-height: 1;
	margin: 30px 0 20px 30px;
}

.head__title {
	font-size: 3rem;
	line-height: 1;
	margin: 22px 0 20px 20px;
}

#menu {
	right: 0px;
	width: auto;
}

.menu ol {
	margin-left: 5px;
	margin-bottom: 10px;
}

.menu li {
	width: auto;
	display: block;
	line-height: 2rem;
	font-size: 17px;
}

nav {
	font-size: 1em;
}

ul li {
	display: inline-block;
	background-color: transparent;
}

p {
font-size: 1.2em;
}

.pc { /* 経緯としてはcallのテキストをhtmlで書いておるがSPで消してPCで出したい */
	display: inline;
}

footer.del { /* 雑でごめん。PC表示のとき消したい要素 */
	display: none;
} /* 写真詳細ページのフッターを消している */

/* photoページ PC */

.box p {
	margin: 0;
    line-height: 1;
}

p.sub__title {
    margin-left: 32px;
} /* zineの微調整。全ページ使える */

/***** 2018page ****/

.tate-50 {
	width: 49.62%;
}

.yoko-50 {
	width: 49.55%;
}

.bio__panel h2 {
	/* Bio用 */
	font-size: 30px;
}

.menu__links {
	line-height: 32px;
}

.menu__link {
	font-size: 17px;
	display: block;
	line-height: 3rem;
}

.call {
	margin-top: 14px;
	margin-left: 37px;
	width: auto;
	font-size: 40px;
	text-align: left;
}


h3 a {
	display: block;
}

hr {
  height: 1px;
  width: 88%;
  background-image: -webkit-linear-gradient(left, rgba(255, 163, 0, 0.5), #8c8b8b, rgba(255, 163, 0, 0.5));
  background-image: -moz-linear-gradient(left, rgba(255, 163, 0, 0.5), #8c8b8b, rgba(255, 163, 0, 0.5));
  background-image: -ms-linear-gradient(left, rgba(255, 163, 0, 0.5), #8c8b8b, rgba(255, 163, 0, 0.5));
  background-image: -o-linear-gradient(left, rgba(255, 163, 0, 0.5), #8c8b8b, rgba(255, 163, 0, 0.5));
}


li {
	list-style: none;
}


/**** 浮かせるボタン用 ****/

.fin {
	display: block;
	position: relative;
	top: 3px;
	left: 2px;
	z-index: 4;
}


/* button */

.button {
	display: inline-block;
	width: 400px;
	height: 54px;
	text-align: center;
	text-decoration: none;
	line-height: 54px;
	outline: none;
	margin: 10px 0px 8px 0px;
}
.button::before,
.button::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.button,
.button::before,
.button::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}

/* ボタン詳細 */

.button {
	position: relative;
	z-index: 2;
	border: 2px solid #333;
	color: #fff;
	line-height: 50px;
}
.button:hover {
	background-color: #fff;
	border-color: #59b1eb;
	color: #59b1eb;
}
.button::before,
.button::after {
	top: 0;
	width: 50%;
	height: 100%;
	background-color: #f678d9;
}
.button::before {
	right: 0;
}
.button::after {
	left: 0;
}
.button:hover::before,
.button:hover::after {
	width: 0;
	background-color: #59b1eb;
}

/* photoページ */

.box {
	width: 47%;
display: inline-block;
margin: 10px;
}

/*  deteal css  */

.detail {
	margin-right: 20px;
	padding: 90px 0px 0px 20px;
	display: inline-flex;
	width: auto;
}

.detail img {
	margin: 0px 0px 0px 10px;
	float: left;
	width: auto; /* old100% */
	padding: 7px;
	height: 640px;
}


/* zine */
.detail_zine {
	width: auto;
	padding: 0px 0px 0px 31px;
	overflow: visible;
	display: inline-flex;
	margin-top: 25px;
}

.zine {
	float: left;
	margin-right: 96px;
}

.zineimg {
	margin: 0;
	border: 1px #000 solid;
	height: 415px;
}

.subtext h3 {
	font-size: 130%;
	margin: 0;
	padding: 0;
}

.concon {
	margin-top: 20px;
	line-height: 1.6;
}

/*  bio  */

.bio {
	display: block;
	margin: 0 0 30px 10px;
	width: 562px;

}

.bio img {
	float: none;
	margin: 0;
}

.bio__panel {
	margin: 0;
}

.left-txt {
	display: block;
	text-align: left;
}

.bio p {
	line-height: 170%;
	margin-top: 30px;
}

.bio__box {
	text-align: right;
}

.bio h3 {
	font-size: 22px;
	margin: 40px 0px 0px 0px;
}

.bio__bank {
	display: table;
	border: 2px solid #000;
	border-radius: 8px;
	padding: 10px;
}

/* txt */

.txt {
	padding-left: 10px;
	padding-top: 5px;
}
.txt p {
	line-height: 170%;
}


/* work & exhibition */

.sub {
	margin: -3px 0 0 80px;
	padding: 7px;
	font-size: 18px;
	text-align: left;
	width: 180px;
	height: 100%;
	border-left: 3px black double;
}

.sub:first-of-type {
	margin: -3px 0 0 12px;
	display: inline-block;
}

.ex_text {
	font-size: 100%;
	width: 300px;
}

/* commission */

p.mail {
	margin-left: 30px;
	margin-bottom: 60px;
}

.detail__com {
	display: inline-flex;
	margin-left: 30px;
}

.detail__com img {
	margin: 0px 0px 0px 10px;
	float: left;
	width: auto;
	padding: 7px;
	height: 540px;
}


.com__text {
	margin-top: 7px;
	margin-left: 14px;
	padding-top: 10px;
	padding-right: 10px;
	width: 260px;
  text-align: right;
  background-color: #EEE;
}


/* bank of yukiishida */

.detail__bank {
	margin-right: 10px;
	padding: 40px 0px 0px 190px;
	width: 38em;
}

.bank__txt {
	margin: 0;
	padding: 0;
}

.bank__txt p {
	margin: 15px;
}

.bank__txt img {
	margin: 0;
	padding: 0;
	width: 100%;
}

a.pure-menu-link {
    color: #dbff17;
		background-color: inherit;
} /* PCでおtopのメニューの文字調整 */

a.pure-menu-link:hover {
		background-color: #14a5ea;
} /* PCでのtopのメニューの文字調整 */

.top__box {
	margin-top: -60px;
}

.yoko-66 { /* PCでのすきま対策 */
    width: 68.599%;
		/* height: auto; iPadでおかしいの試しに消した*/
    max-height: 100%;
}

.pager {
	margin: 20px auto;
	width: 5em; /* すまん。4文字限定になる */
	font-size: 1.7em;
}

}