@charset "UTF-8";
/* CSS Document */
/*
theme Name: yf
Author: MOCMOCDESIGNS
Description: OT
version： 1.0
*/

*,*::before,*::after{margin:0;padding:0;}:where([hidden]:not([hidden='until-found'])){display:none!important}:where(html){-webkit-text-size-adjust:none;color-scheme:dark light;tab-size:2}@media (prefers-reduced-motion:no-preference){:where(html:focus-within){scroll-behavior:smooth}}:where(body){line-height:1.5;font-family:system-ui,sans-serif;-webkit-font-smoothing:antialiased}:where(button){all:unset}:where(input,button,textarea,select){font:inherit;color:inherit}:where(textarea){resize:vertical;resize:block}:where(button,label,select,summary,[role='button'],[role='option']){cursor:pointer}:where(:disabled){cursor:not-allowed}:where(label:has(>input:disabled),label:has(+input:disabled)){cursor:not-allowed}:where(a){color:inherit;text-underline-offset:.2ex}:where(ul,ol){list-style:none}:where(img,svg,video,canvas,audio,iframe,embed,object){display:block}:where(img,picture,svg,video){max-inline-size:100%;block-size:auto}:where(p,h1,h2,h3,h4,h5,h6){overflow-wrap:break-word}:where(h1,h2,h3){line-height:calc(1em + 0.5rem);text-wrap:balance}:where(hr){border:none;border-block-start:1px solid;color:inherit;block-size:0;overflow:visible}:where(:focus-visible){outline:3px solid CanvasText;box-shadow:0 0 0 5px Canvas;outline-offset:1px}:where(:focus-visible,:target){scroll-margin-block:8vh}:where(.visually-hidden:not(:focus-within,:active)){clip-path:inset(50%)!important;height:1px!important;width:1px!important;overflow:hidden!important;position:absolute!important;white-space:nowrap!important;border:0!important}

html{line-height: 1; width: 100%; box-sizing: border-box; color: #fff; background-color: #080E19; font-size: 62.5%;}
h1,h2,h3,h4,h5,p {margin: 0; border: 0; padding: 0; font-size: 62.5%;}
a{color: #aaaaaa; text-decoration: none;}

.en{font-family: "garamond-premier-pro-display", serif;
font-weight: 300;
font-style: normal;}
.jp{font-family: shippori-mincho-b1, sans-serif;
font-weight: 400;
font-style: normal;}

body{}
/*header*/
header{width: 100%; height: auto;}

#news{padding: 1rem 6.5%; display: grid; grid-template-columns: repeat(12, 1fr); grid-template-rows: auto; background-color: #080E19; color: #060E1A;}
.n1{grid-column-start: 1; grid-column-end: 3; grid-row-start: 1; grid-row-end: 2; text-align: left; padding-bottom: 0; font-size: 1.3rem;}
.n2{grid-column-start: 1; grid-column-end: 4; grid-row-start: 2; grid-row-end: 3; text-align: left; font-size: 1.2rem;}
.n3{grid-column-start: 4; grid-column-end: 12; grid-row-start: 2; grid-row-end: 3; text-align: left; font-size: 1.2rem;}

nav{position: relative;}
#weblog_link{position: absolute; top: 77px; right: 6.5%; width: 50px; height: 50px; border-radius: 50%; text-align: center; line-height: 50px; background-color: #080E19; font-size: 1.2rem; font-weight: 500; letter-spacing: 0.25rem;}
#works_link{position: absolute; top: 77px; right: 6.5%; width: 50px; height: 50px; border-radius: 50%; text-align: center; line-height: 50px; background-color: #080E19; font-size: 1.2rem; font-weight: 500; letter-spacing: 0.25rem;}

#main_name{padding: 150px 0; text-align: center; font-size: 1.8rem; letter-spacing: 0.5rem; color: #aaaaaa;}
#tsuduru_text {padding: 0px 33.5% 150px; width: 33%; text-align: center; font-size: 1.5rem; letter-spacing: 0.5rem; color: #aaaaaa; font-weight: 400;}
#tsuduru_img img{padding: 0 33.5% 60px; width: 33%;}

/*main*/
#main{width: 100%;}

#bgi{position: relative;}
#bgi1 img{padding: 0 6.5% 60px; width: 87%;}
#bgi2 img{padding: 0 6.5% 100px; width: 87%;}
#context{position: absolute; top:33%; left: 9.75%;}
#context p{font-size: 1.1rem; letter-spacing: 0.25rem; line-height: 1.75rem; color: #bbbbbb;}


#profile{position: relative; margin-bottom: 75px;}
#bgi3 img{padding: 0 6.5%; width: 87%;}
#profile_mc{position: absolute; bottom: 0; left: 9.75%; display: grid; grid-template-columns: repeat(20, 1fr); grid-template-rows: auto; font-size: 1rem; letter-spacing: 0.25rem; color: #bbbbbb;}

.p1{grid-column-start: 1; grid-column-end: 5; grid-row-start: 1; grid-row-end: 2; text-align: right; padding-bottom: 1rem; font-size: 1.2rem;}
.p2{grid-column-start: 6; grid-column-end: 20; grid-row-start: 1; grid-row-end: 2; text-align: left; padding-bottom: 1rem; font-size: 1.45rem;}
.p3{grid-column-start: 1; grid-column-end: 5; grid-row-start: 2; grid-row-end: 3; text-align: right; padding-bottom: 0.5rem; font-size: 1.1rem;}
.p4{grid-column-start: 6; grid-column-end: 20; grid-row-start: 2; grid-row-end: 3; text-align: left; padding-bottom: 0.5rem; font-size: 1.1rem;}
.p5{grid-column-start: 1; grid-column-end: 5; grid-row-start: 3; grid-row-end: 4; text-align: right; padding-bottom: 0.5rem; font-size: 1.1rem;}
.p6{grid-column-start: 6; grid-column-end: 20; grid-row-start: 3; grid-row-end: 4; text-align: left; padding-bottom: 0.5rem; font-size: 1.1rem;}
.p7{grid-column-start: 1; grid-column-end: 5; grid-row-start: 4; grid-row-end: 5; text-align: left; padding-bottom: 0.5rem; font-size: 1.1rem;}
.p8{grid-column-start: 6; grid-column-end: 20; grid-row-start: 4; grid-row-end: 5; text-align: left; padding-bottom: 0.5rem; font-size: 1.1rem;}
.p9{grid-column-start: 1; grid-column-end: 5; grid-row-start: 5; grid-row-end: 6; text-align: right; padding-bottom: 2rem; font-size: 1.1rem;}
.p10{grid-column-start: 6; grid-column-end: 20; grid-row-start: 5; grid-row-end: 6; text-align: left; padding-bottom: 2rem; font-size: 1.1rem;}

/*post*/

/*.clearfix:after {
    visibility: hidden;
    display: block;
    content: " ";
    clear: both;
    height: 0;
    }
* html .clearfix             { zoom: 1; } /* IE6 */
/**:first-child+html .clearfix { zoom: 1; } /* IE7 */

section{width: 100%; height: auto;}
#post{padding: 0 6.5% 75px; width:87%;}
#post a{color: #fff; text-decoration: none;}
.post{padding-bottom: 45px;}
.post_title{padding-bottom: 1rem; font-size: 1.4rem;}
.post_title a{border-bottom: 0.5px solid;}
.post_text {padding-bottom: 1rem;}
.post_text p{font-size: 1.2rem; line-height: 1.4rem; text-align: justify;}
.post_text p a{font-size: 1rem;}
.articletext p{padding-bottom: 1rem; font-size: 1.2rem; text-align: justify;}
.articletext img{padding-bottom: 1rem;}
.blog_info {font-size: 1rem;}
.date {font-size: 1.2rem;}
.blog_info ul li {float: left; padding-right: 1.666%; }

/*pagenavi*/
.wp-pagenavi { clear: both; text-align:center;}
.wp-pagenavi a, .wp-pagenavi span {
	font-size: 1rem;
	color: #fff;
	background-color:#080E19;
	padding: 11px;
	margin: 2px;
	white-space: nowrap;
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
	text-align: center;
	text-decoration: none;
}
.wp-pagenavi a:hover{
	color: #ffffff;
	background-color: #000000;
    }
.wp-pagenavi span.current{
	color: #ffffff;
	background-color: #000000;
    }

/*works*/
.works_img{padding: 0 6.5% 1rem; width: 87%;}
.works_text{padding: 0 6.5% 3rem; width: 87%;}
.works_text p{font-size:1.2rem;}

/*footer*/
footer{background-color: #ffffff; color: #060E1A;}

/*info*/
#info{padding: 45px 6.5%; width: 87%; display: grid; grid-template-columns: repeat(20, 1fr); grid-template-rows: auto;}

.i1{grid-column-start: 1; grid-column-end: 20; grid-row-start: 1; grid-row-end: 2; text-align: left; padding-bottom: 0; font-size: 1.5rem;}
.i2{grid-column-start: 1; grid-column-end: 20; grid-row-start: 2; grid-row-end: 3; text-align: left; padding-bottom: 1rem; font-size: 1rem;}
.i3{grid-column-start: 1; grid-column-end: 4; grid-row-start: 3; grid-row-end: 4; text-align: left; padding-bottom: 0; font-size: 1.2rem;}
.i4{grid-column-start: 5; grid-column-end: 20; grid-row-start: 3; grid-row-end: 4; text-align: left; padding-bottom: 0; font-size: 1.2rem;}
.i5{grid-column-start: 1; grid-column-end: 4; grid-row-start: 4; grid-row-end: 5; text-align: left; padding-bottom: 1.25rem; font-size: 1.2rem;}
.i6{grid-column-start: 5; grid-column-end: 20; grid-row-start: 4; grid-row-end: 5; text-align: left; padding-bottom: 1.25rem; font-size: 1.2rem;}
.i7{grid-column-start: 1; grid-column-end: 4; grid-row-start: 5; grid-row-end: 6; text-align: left; padding-bottom: 1.25rem; font-size: 1.2rem;}
.i8{grid-column-start: 5; grid-column-end: 20; grid-row-start: 5; grid-row-end: 6; text-align: left; padding-bottom: 1.25rem; font-size: 1.2rem;}
.i9{grid-column-start: 1; grid-column-end: 4; grid-row-start: 6; grid-row-end: 7; text-align: left; padding-bottom: 1.25rem; font-size: 1.4rem;}
.i10{grid-column-start: 5; grid-column-end: 20; grid-row-start: 6; grid-row-end: 7; text-align: left; padding-bottom: 1.25rem; font-size: 1.4rem;}
.i11{grid-column-start: 1; grid-column-end: 4; grid-row-start: 7; grid-row-end: 8; text-align: left; padding-bottom: 0; font-size: 1.2rem;}
.i12{grid-column-start: 5; grid-column-end: 20; grid-row-start: 7; grid-row-end: 8; text-align: left; padding-bottom: 0; font-size: 1.4rem;}
/*.i13{grid-column-start: 1; grid-column-end: 20; grid-row-start: 8; grid-row-end: 9; text-align: center; padding-bottom: 0.5rem; font-size: 1rem;}*/

/*#map{
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 75%;
}
#map iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}*/

#sns{width: 100%;}
#sns img{padding: 0 47.5% 10px; width: 5%;}

address{padding-bottom: 2rem; text-align: center; font-size: 1.1rem; letter-spacing: 0.25rem;}

@media screen and (min-width:521px){
}

@media screen and (min-width:961px){
	#tsuduru_img img{padding: 0 37.5% 60px; width: 25%;}
  .n2{grid-column-start: 1; grid-column-end: 2; grid-row-start: 2; grid-row-end: 3; text-align: left; font-size: 1.2rem;}
  .n3{grid-column-start: 2; grid-column-end: 12; grid-row-start: 2; grid-row-end: 3; text-align: left; font-size: 1.2rem;}
	
  #concept{margin: 0 25%; width: 50%;}
  #profile{margin: 0 25% 75px; width: 50%;}
  #works{margin: 0 25% 75px; width: 50%;}
  #post{padding: 0 25% 75px; width: 50%;}
	
  #sns img{padding: 0 48.75% 10px; width: 2.5%;}
}