@charset "utf-8";


/* common 
-------------------------------- */


/* common end 
-------------------------------- */


/* 共通   
-------------------------------- */
br.sp_br1,
br.sp_br {
	display: inline;
}
br.sp_br2 {
	display: none;
}


.sp_box {
	max-width: inherit;/*親要素を継承する*/
	text-align: left;
}

.ws_no {
	white-space: nowrap;
}
/* css pc or sp 表示  */
/*#container_a:before,
.container_a:before,
.n_con01:before*/
/*p#winsize2:before {
	content:"pc";
	color: hsla(0,100%,50%,0.5);
	font-weight: normal;
	position: fixed;
	top: 0;
	left: 10px;
}*/
/* 共通  end 
-------------------------------- */

/* area 
-------------------------------- */
#container {
	max-width: 960px;
	margin: 0 auto;
}
#container_a,
.container_a {
	max-width: 620px;
	margin: 0 auto;
	/*background-color: hsla(120,100%,50%,0.1);*/
}
.container_k {
	max-width: 700px;
	margin: 0 auto;
	/*background-color: hsla(120,100%,50%,0.1);*/
}
.container_kt {
	padding: 0 0 0 0.5rem;
}
/* clearfix */
#container_a:after,
.container_a:after {
	content: "";
	clear: both;
	display: block;
}



/*.w700 {
	width: 700px;
	width: 700px;
	margin: 0 auto;
	text-align: center;
}*/
/* area end
-------------------------------- */

















/* footer 
-----------------------*/
#f_area {
	margin: 0px 0px 10px 0px;
	padding: 10px 0px 50px 0px;
	text-align: center;
}
#home #f_area {
	margin: 0px 0px 10px 0px;
	padding: 10px 0px 50px 0px;
	text-align: center;
	border-top: 1px solid #E6E6E6;
}
#f_area_a {
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 10px 0px;
	text-align: center;
	color: #dcdcdc;
}
#f_area_a_b {
	margin: 0px 0px 10px 0px;
	padding: 10px 0px 50px 0px;
	text-align: center;
}
#f_area_a_b_2 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 20px 0px;
	text-align: center;
}
#lo {
	width: 50px;
	height: 23px;
	float: left;
	margin-right:20px
}
.ver_m {
	vertical-align: middle;
}
.f_t01 {
	font-size: 10px;
	line-height: 1.2;
	text-align: center;
}
.f_t01_l {
	font-size: 10px;
	line-height: 1.2;
	float: left;
	text-align: left;
}
.c_area {
	font-size: 10px;
	line-height: 1.2;
	padding: 30px 0px 30px 0px;
}
.f_t02 {
	font-size: 10px;
	line-height: 1.2;
	float: right;
	text-align: right;
}
.f_t02 a {
	color: #111;
	text-decoration: underline;
	line-height: 1;
}
.f_t02 a:hover {
	color: #f00;
}
.f_t03 {
	font-size: 10px;
}

/* sp小 399px以上 */
@media screen and (min-width:399px) {
	.f_t01_l {
		float: left;
	}
	.f_t02 {
		float: right;
		text-align: right;
		margin: 0px 0px 0px 0px;
	}
}
#te04 {
	float: right;
	text-align: right;
	padding-right: 5px;
}
#te04 a {
	color: #111;
	text-decoration: underline;
	font-size: 10px;
	line-height: 1;
}
#te04 a:hover {
	color: #f00;
}

/* inline-block --------- */
#nav_area_sub_wide {
	width: 100%;
	text-align: center;
	margin: 20px auto 0px;
	padding: 0px;
	border-top: 1px solid #E6E6E6;
}
#nav_area_sub {
	margin: 10px 0 10px;
}
#nav_area_sub_wide li {
	display: inline-block;
	font-size: 10px;
	line-height: 20px;
}
#nav_area_sub_wide li span {
	border-right: 1px solid #b0b0b0;
	padding-right: 10px;
	margin-right: 5px;
}
/*線を消す*/
#nav_area_sub li#nav_08_sub,
#nav_area_sub li#nav_08_sub span {
	margin-right: 0px;
	padding-right: 0px;
	border-right: 0px;
}
/* 現在のページ */
#home #nav_01_sub a,
#news #nav_02_sub a,
#works #nav_03_sub a,
#books #nav_04_sub a,
#goods #nav_05_sub a,
#profile #nav_06_sub a,
#exhibition #nav_06_sub a,
#diary #nav_07_sub a,
#diary_page #nav_07_sub a {
	text-decoration: none;
	color: #606060;
}
/* footer end 
-----------------------*/








/* page icon 
------------------------- */
/* 画像はcssからみたときの位置 */

/* PC大 767以上 */
@media screen and (min-width:767px) {
	#icon {
		width: 80px;
		height: 100%;
		position: fixed;
		left:0px;
		top: 0px;
		/*background-color: hsla(10,100%,50%,0.2) !important;*/
	}
	#icon span {
		display: block;
		width: 80px;
		height: 100%;
		/*background-color: hsla(100,100%,50%,0.2) !important;*/
	}
	#books #icon span {
		background: url("../images/nav/books.png") no-repeat 10px 40%/70px 120px;
	}
	#diary #icon span {
		background: url("../images/nav/diary.png") no-repeat 10px 40%/70px 120px;
	}
	#goods #icon span {
		background: url("../images/nav/goods.png") no-repeat 10px 40%/70px 120px;
	}
	#news #icon span {
		background: url("../images/nav/news.png") no-repeat 10px 40%/70px 120px;
	}
	#profile #icon span {
		background: url("../images/nav/profile.png") no-repeat 10px 40%/70px 120px;
	}
	#works #icon span {
		background: url("../images/nav/works.png") no-repeat 10px 40%/70px 120px;
	}
	#exhibition #icon span {
		background: url("../images/nav/exhibition.png") no-repeat 10px 40%/70px 120px;
	}
}

/* PC小 661以上、765以下 */
@media screen and (min-width:661px) and (max-width:765px) {
	#icon {
		width: 100%;
		height:84px;
		margin: 20px 0 20px 0;
	}
	#icon span {
		height:84px;
		display: block;
	}
	
	#books #icon span {
		background: url("../images/nav/books.png") no-repeat 50% 50%/49px 84px;
	}
	#diary #icon span {
		background: url("../images/nav/diary.png") no-repeat 50% 50%/49px 84px;
	}
	#goods #icon span {
		background: url("../images/nav/goods.png") no-repeat 50% 50%/49px 84px;
	}
	#news #icon span {
		background: url("../images/nav/news.png") no-repeat 50% 50%/49px 84px;
	}
	#profile #icon span {
		background: url("../images/nav/profile.png") no-repeat 50% 50%/49px 84px;
	}
	#works #icon span {
		background: url("../images/nav/works.png") no-repeat 50% 50%/49px 84px;
	}
	#exhibition #icon span {
		background: url("../images/nav/exhibition.png") no-repeat 50% 50%/49px 84px;
	}
}

/* page icon end 
------------------------- */










/* toiawase b 
-----------------------*/
#otoi div.container_a {
	/* background-color: hsla(180,100%,50%,0.1); */
}
.logo_area {
	padding: 20px 10px 10px 10px;
}
.title_contact {
	font-family: 'Questrial', sans-serif;
	font-weight: 500;
	font-size: 30px;
	letter-spacing: 10px;
	letter-spacing: 0.05em;
}
.content_area {
	/*background-color: hsla(260,100%,50%,0.1); */
	display: flex;
	/*flex-wrap: wrap; 複数行*/
	justify-content: center;/*ヨコ位置 両端揃え*/
	align-content: flex-end;/*タテ位置 両端揃え*/
}
.content_area_t1 {
	max-width: 500px;
	/* background-color: hsla(220,100%,50%,0.1); */
	font-size: 14px;
	line-height: 1.8;
	font-weight: 300;
	margin: 0px 10px 0px 0px;
}

.content_area_t2 {
	display: inline;
	/* background-color: hsla(0,100%,50%,0.1); */
	align-self: flex-end;
		max-width: 200px;
}

#otoi_2 .content_area_t2 {
	display: none;
	/* background-color: hsla(0,100%,50%,0.1);
	align-self: flex-end;
		max-width: 200px; */
}



.content_area_t2 img {
	width: 100%;
	vertical-align: bottom;
}
.a_01 {
	max-width: 360px;
	margin: 0px 0px 10px 0px;
}

input,
input#kenmei,
textarea,
button,
input[placeholder],
textarea[placeholder] {
	font-size: 14px;
	line-height: 1.8;
	font-weight: 300;
	width: 96%;
	max-width: 350px;
	border: 1px solid #aaa;
}
.b_01 {
	max-width: 100%;
}
.b_02 {
	margin: 30px 20px 30px 20px;
	text-align: center;
}
button {
	margin: 0px;
	padding: 0px;
	font-size: 14px;
	line-height: 1.8;
	font-weight: 300;
	width: 180px;
	white-space: nowrap;
}



.ft_01 {
	padding: 10px 10px 5px 10px;
}
.ft_02 {
	padding: 5px 10px 30px 10px;
}

.f_01 {
	padding: 10px 10px 10px 10px;
	border-bottom: 1px solid #aaa;
	font-weight: 500;
	/*width: 400px;*/
}
.f_02 {
	padding: 10px 10px 10px 10px;
	border-bottom: 1px solid #aaa;
	/*width: 400px;*/
}
div.f_02 + form  {
	padding: 20px 0px 0px 0px;
}
div.container_a + div#nav_area_sub_wide {
	margin: 40px auto 0px;
}
/* pc小 620px以上 */
@media screen and (min-width: 620px) {
	#otoi div.container_a,
 	#otoi_2 div.container_a {
		max-width: 960px;/* (100-((620/660)*100))/2 */
		margin-left: 3.03030303030303%;
		margin-right: 3.03030303030303%;
	}
}
/* pc小 760px以上 */
@media screen and (min-width: 760px) {
	.content_area_t2 {
		display: inline;
		/* background-color: hsla(0,100%,50%,0.1); */
		align-self: flex-end;
			max-width: 200px;
	}
}
/* pc小 910px以上 */
@media screen and (min-width: 910px) {
	#otoi_2 .content_area_t2 {
		display: inline;
		/* background-color: hsla(0,100%,50%,0.1); */
		align-self: flex-end;
			max-width: 200px;
	}
}
/* pc小 910px以上 */
@media screen and (min-width: 910px) {
	.f_01 {
		width: 660px;
	}
	.f_02 {
		width: 660px;
	}
	.content_area_t1 {
		max-width: 680px;
		width: 680px;
		margin: 0px 20px 0px 0px;
	}
	.a_01 {
		display: flex;
		justify-content: space-between;
		max-width: 800px;
		margin: 20px 0px 20px 20px;
	}
	input,
	input#kenmei,
	textarea,
	input[placeholder],
	textarea[placeholder] {
		font-size: 14px;
		line-height: 1.8;
		font-weight: 300;
		width: 96%;
	}
	input,
	input#kenmei,
	input#namae,
	input#kaisha,
	input#jusho,
	input#tel,
	input#email,
	input#email2,
	textarea,
	textarea#naiyo {
		max-width: 450px;
		width: 450px;
		line-height: 1.8;
	}
	select#todofu {
		max-width: 456px;
		width: 456px;
	}
	.b_01 {
		max-width: inherit;
		display: flex;
		justify-content: center;
	}
	.b_02 {
		margin: 30px 20px 30px 20px;
		text-align: center;
	}
	button {
		margin: 0px;
		padding: 0px;
		font-size: 14px;
		line-height: 1.8;
		font-weight: 300;
		width: 180px;
		white-space: nowrap;
	}
}

/* pc大 930px以上 */
@media screen and (min-width: 930px) {
	.content_area {
		/*background-color: hsla(260,100%,50%,0.1); */
		display: flex;
		/*flex-wrap: wrap; 複数行*/
		justify-content: space-between;/*ヨコ位置 両端揃え*/
		align-content: flex-end;/*タテ位置 両端揃え*/
	}
	.content_area_t1 {
		max-width: 680px;
		width: 680px;
		margin: 0px 20px 0px 0px;
	}
	
}
/* pc大 1030px以上 */
@media screen and (min-width: 1030px) {
	#otoi div.container_a,
	#otoi_2 div.container_a {
		max-width: 960px;/* (100-((620/660)*100))/2 */
		margin-left: auto;
		margin-right: auto;
	}
}
/* conf.html, error.html, thanks.html */


/* toiawase b  end
-----------------------*/









/* index 
---------------------------------------------------------------------*/
/* 01 タイトル --------------- */
.in_title {
	font-family: 'Roboto', sans-serif;/*family=Roboto:wght@100;300;400;500;700;900*/
	font-weight: 500;
	font-size: 12px;
	line-height: 1.2;
	margin: 30px 0px 10px 0px;
}


/* 02 キービジュアル --------------- */
.in_p {
	
}
.in_p img,
.in_p video,
.in_p iframe {
	width: 100%;
}


/* 03 NEWS --------------- */
.in_news_00 {
	margin: 10px 0px 20px 0px; 
}

.in_news_01 {
	margin: 0px 0px 10px 0px; 
	font-size: 12px;
	line-height: 1.2;
}

.in_news_02 {
	margin: 20px 0px 20px 0px; 
}


/* 04 NAV アイコン --------------- */
.in_gnav {
	width: 100%;
	border-top: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
	padding: 10px 0px;
}
.in_gnav ul {
	display: flex;
	justify-content: space-between;/*ヨコ位置*/
	align-items: center;/*タテ位置*/
	flex-wrap: nowrap;/*wrap*/
}
.in_gnav img {
	width: 100%;
}


/* 05 説明 --------------- */
.in_text01 {
	font-size: 12px;
	line-height: 1.2;
	margin: 20px 0 0 0;
}


/* 06 NAV その他のページへ --------------- */
.in_ta_nav {
	 width: 100%;
	 padding: 16px 0px 16px 0px;
}
.in_ta_nav ul {
	text-align: center;
}
.in_ta_nav ul li {
	display: inline-block;
	margin-right: 20px;
	width: ;
}
.in_ta_nav ul li:nth-child(6) {
	margin-right: 0px;
}
.in_ta_nav ul li a {
	color: #111;
	text-decoration: underline;
	font-size: 10px;
	line-height: 1;
}
.in_ta_nav ul li a:hover {
	color: #f00;
}


/* index end 
---------------------------------------------------------------------*/








/* books 
--------------------------*/
.books_area {
	margin: 20px 0px 0px 0px;
	text-align: center;
}
.book_t1 {
	font-weight: 500;
	line-height: 1.5;
	margin: 40px 0px 10px 0px;
	text-align: left;
}
.book_t1a {
	font-weight: 700;
	line-height: 1.5;
	margin: 40px 0px 10px 0px;
}
.book_t1b {
	font-weight: 300;
	margin: 10px 0px 10px 0px;
}
.book_sakuhin {
	font-weight: 300;
	line-height: 1.5;
	margin: 25px 0px 10px 0px;
	text-align: left;
}
.book_red {
	color: #FF33CC;
	line-height: 1.5;
	font-weight: 500;
}
.book_t2 {
	font-weight: 500;
	line-height: 1.5;
	margin: 20px 0px 0px 0px;
}
.book_t3 {
	font-size: 10px;
	line-height: 1.5;
	margin: 5px 0px 80px 0px;
}
.book_t4 {
	line-height: 1.5;
	font-weight: 500;
	margin: 40px 0px 20px 0px;
}
.book_li5 {
	margin: 0px 0px 0px 30px;
	list-style-type: none;
}
.book_t5 {
	text-indent: -0.5em;
	margin: 0px 0px 20px 0px;
}
.book_t6 {
	vertical-align: baseline;
	font-size: 10px;
	margin: 0px 0px 0px 0px;
}
.book_t6:before {
	content:"　　";
}
.book_t7 {
	line-height: 28px;
	margin: 10px 0px 25px 30px;
}
.book_t8 {
	font-size: 13px;
	line-height: 1.2;
}
.f02r {
	color: #FF33CC;
	font-size: 10px;
	line-height: 1.5;
	margin: 10px 0 0 0;
}
.f02r:before {
	content:"　";
	font-size: 10px;
}
.f03r {
	color: #FF33CC;
	font-size: 10px;
	line-height: 10px;
	margin: 0px 0px 20px 0px;
}

/* shiya.html */
.bt1 {
	font-size: 12px;
	width: 620px;
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	padding: 0px 0px 30px 0px;
}
p + .bt1 {
	padding: 40px 0px 30px 0px;
}
.bt1_b {
	width: 620px;
	padding: 0px 0px 30px 0px;
}
.bt2 {
	width: 50%;
}
.bt1 .bt2 {
	width: 50%;
	order: 1;
}
.bt2 p {
	padding-right: 1em;
}
.bt3 {
	width: 50%;
}
.bt1 .bt3 {
	width: 50%;
	order: 2;
}
.bt3 p {
	padding-left: 1em;
}
.bt2 div img,
.bt3 div img {
	width: 100%;
}
.books_f1 {
	text-indent: 1em;
	margin: 0px 0px 10px 0px;
}
.books_f2 {
	line-height: 1.5;
	color: hsla(320,100%,50%,0.8);
}
.books_f3 {
	text-indent: 1em;
	margin: 30px 0px 0px 0px;
	padding: 30px 0px 20px 0px;
	border-top: 1px solid #ccc;
}
.books_img_1 {
	text-align: center;
	margin: 40px 0px 25px 0px;
}
.books_img_2 {
	text-align: center;
	margin: 10px 0px 10px 0px;
}
.books_img_2 img {
	width: 100%;
}
/* books end 
--------------------------*/







/* news 
--------------------------*/
body#news {
	padding: 0px 0 0px 0;
}

/* 続きを見る　もっと見る */
.more {
	width: 90%;
	margin: 30px auto 30px auto;
}
.morelink {
	color: #f00;
	text-decoration: underline;
	line-height: 5;
}
.morelink:hover {
	text-decoration: none;
	cursor:pointer;
}

.n_con01 {
	/* border-bottom: 1px solid #999;*/
	width: 620px;
	margin: 0 auto;
	padding: 0 0 0 0;
	font-size: 13px;
	line-height: 1.8;
}
/* clearfix */
.n_con01:after {
	content: "";
	clear: both;
	display: block;
}
/* clearfix end */

/* 記事の区切り線 */
h2.news_ti_01 {
	border-top: 1px solid #999;
	color: #f3c;
	font-weight: 500;
	padding: 32px 0 5px 0;
	margin: 32px 0 0 0;
}
/* 記事の区切り線 最初の記事の上の線は消す */
body#news div.container_a:nth-child(1) > h2.news_ti_01 {
	border: 0;
	padding: 40px 0 5px 0;
	margin: 0 0 0 0;
}
/* （終了いたしました）の表示 */
h2 span.news_ti_02 {
	color: #000;
	font-weight: normal;
	padding: 0.5em 0 1em 0em;
	font-size: 10px;
}
.con_img {
	vertical-align: bottom;
	max-width: 100%;
	padding: 8px 0px 16px 10px;
	text-align: center;
}



.news_t01 {
	padding: 8px 0 8px 30px;
	font-weight: 500;
	color: #333;
}
.news_t01_a {
	padding: 8px 0 8px 0px;
	font-weight: 500;
	color: #666;
}
.news_t02 {
	display: block;
	padding: 30px 0px 5px 30px;
	font-weight: 500;
	color: #333;
}

/* news_area */

.news_area00_a {
	width: 130px;
	float: left;
	margin: 20px 0 0 30px;
}
.news_area00_b {
	width: 430px;
	float: right;
	margin: 20px 0 0 0;
}

.news_area01_a {
	width: 140px;
	float: left;
	margin: 20px 0 0 30px;
}
.news_area01_b {
	width: 420px;
	float: right;
	margin: 20px 0 0 0;
}

.news_area02_a {
	width: 150px;
	float: left;
	margin: 20px 0 0 30px;
}
.news_area02_b {
	width: 410px;
	float: right;
	margin: 20px 0 0 0;
}

.news_area03_a {
	width: 160px;
	float: left;
	margin: 20px 0 0 30px;
}
.news_area03_b {
	width: 400px;
	float: right;
	margin: 20px 0 0 0;
}

.news_area04_a {
	width: 170px;
	float: left;
	margin: 20px 0 0 30px;
}
.news_area04_b {
	width: 390px;
	float: right;
	margin: 20px 0 0 0;
}

.news_area05_a {
	width: 180px;
	float: left;
	margin: 20px 0 0 30px;
}
.news_area05_b {
	width: 380px;
	float: right;
	margin: 20px 0 0 0;
}

.news_area06_a {
	width: 190px;
	float: left;
	margin: 20px 0 0 30px;
}
.news_area06_b {
	width: 370px;
	float: right;
	margin: 20px 0 0 0;
}

.news_area07_a {
	width: 200px;
	float: left;
	margin: 20px 0 0 30px;
}
.news_area07_b {
	width: 360px;
	float: right;
	margin: 20px 0 0 0;
}

.news_area08_a {
	width: 210px;
	float: left;
	margin: 20px 0 0 30px;
}
.news_area08_b {
	width: 350px;
	float: right;
	margin: 20px 0 0 0;
}

.news_area09_a {
	width: 220px;
	float: left;
	margin: 20px 0 0 30px;
}
.news_area09_b {
	width: 340px;
	float: right;
	margin: 20px 0 0 0;
}

.news_area10_a {
	width: 230px;
	float: left;
	margin: 20px 0 0 30px;
}
.news_area10_b {
	width: 330px;
	float: right;
	margin: 20px 0 0 0;
}

.news_area11_a {
	width: 240px;
	float: left;
	margin: 20px 0 0 30px;
}
.news_area11_b {
	width: 320px;
	float: right;
	margin: 20px 0 0 0;
}

.news_area12_a {
	width: 250px;
	float: left;
	margin: 20px 0 0 30px;
}
.news_area12_b {
	width: 310px;
	float: right;
	margin: 20px 0 0 0;
}

.news_area13_a {
	width: 260px;
	float: left;
	margin: 20px 0 0 30px;
}
.news_area13_b {
	width: 300px;
	float: right;
	margin: 20px 0 0 0;
}

.news_area14_a {
	width: 270px;
	float: left;
	margin: 20px 0 0 30px;
}
.news_area14_b {
	width: 290px;
	float: right;
	margin: 20px 0 0 0;
}

.news_area15_a {
	width: 280px;
	float: left;
	margin: 20px 0 0 30px;
}
.news_area15_b {
	width: 280px;
	float: right;
	margin: 20px 0 0 0;
}

.news_area16_a {
	width: 290px;
	float: left;
	margin: 20px 0 0 30px;
}
.news_area16_b {
	width: 270px;
	float: right;
	margin: 20px 0 0 0;
}

.news_area17_a {
	width: 300px;
	float: left;
	margin: 20px 0 0 30px;
}
.news_area17_b {
	width: 260px;
	float: right;
	margin: 20px 0 0 0;
}

.news_area18_a {
	width: 310px;
	float: left;
	margin: 20px 0 0 30px;
}
.news_area18_b {
	width: 250px;
	float: right;
	margin: 20px 0 0 0;
}

.news_area19_a {
	width: 320px;
	float: left;
	margin: 20px 0 0 30px;
}
.news_area19_b {
	width: 240px;
	float: right;
	margin: 20px 0 0 0;
}

.news_area20_a {
	width: 330px;
	float: left;
	margin: 20px 0 0 30px;
}
.news_area20_b {
	width: 230px;
	float: right;
	margin: 20px 0 0 0;
}

.news_area21_a {
	width: 340px;
	float: left;
	margin: 20px 0 0 30px;
}
.news_area21_b {
	width: 220px;
	float: right;
	margin: 20px 0 0 0;
}

.news_area22_a {
	width: 350px;
	float: left;
	margin: 20px 0 0 30px;
}
.news_area22_b {
	width: 210px;
	float: right;
	margin: 20px 0 0 0;
}


.news_area23_a {
	width: 360px;
	float: left;
	margin: 20px 0 0 30px;
}
.news_area23_b {
	width: 200px;
	float: right;
	margin: 20px 0 0 0;
}

.news_area24_a {
	width: 370px;
	float: left;
	margin: 20px 0 0 30px;
}
.news_area24_b {
	width: 190px;
	float: right;
	margin: 20px 0 0 0;
}

.news_area25_a {
	width: 380px;
	float: left;
	margin: 20px 0 0 30px;
}
.news_area25_b {
	width: 180px;
	float: right;
	margin: 20px 0 0 0;
}

.news_area26_a {
	width: 390px;
	float: left;
	margin: 20px 0 0 30px;
}
.news_area26_b {
	width: 170px;
	float: right;
	margin: 20px 0 0 0;
}

.news_area27_a {
	width: 400px;
	float: left;
	margin: 20px 0 0 30px;
}
.news_area27_b {
	width: 160px;
	float: right;
	margin: 20px 0 0 0;
}

.news_area28_a {
	width: 410px;
	float: left;
	margin: 20px 0 0 30px;
}
.news_area28_b {
	width: 150px;
	float: right;
	margin: 20px 0 0 0;
}

.news_area29_a {
	width: 420px;
	float: left;
	margin: 20px 0 0 30px;
}
.news_area29_b {
	width: 140px;
	float: right;
	margin: 20px 0 0 0;
}

.news_area30_a {
	width: 430px;
	float: left;
	margin: 20px 0 0 30px;
}
.news_area30_b {
	width: 130px;
	float: right;
	margin: 20px 0 0 0;
}
/* news_area end */

.news_p00 {
	line-height: 1.8;
	text-indent: 0;
	padding: 8px 0 8px 30px;
}
.news_p01 {
	line-height: 1.8;
	text-indent: 1em;
	padding: 8px 0 8px 30px;
}
.news_p01a {
	line-height: 1.8;
	text-indent: 1em;
	padding: 0px 0 8px 30px;
}
.news_p02 {
	line-height: 1.8;
	text-indent: 1em;
	padding: 8px 0 8px 0px;
}
.news_p01 > span.ti_01 {
	display: block;
	text-indent: 1em;
}

.news_p01_a1 {
	line-height: 1.8;
	text-indent: 1em;
	padding: 8px 0px 0px 30px;
}
.news_p01_a2 {
	line-height: 1.8;
	text-indent: 1em;
	padding: 0px 0px 0px 30px;
}
.news_p01_a3 {
	line-height: 1.8;
	padding: 8px 0px 0px 30px;
}
.news_p01_a4 {
	line-height: 1.8;
	padding: 0px 0px 0px 30px;
}

.news_p01_b1 {
	line-height: 1.8;
	text-indent: 1em;
	padding: 8px 0px 8px 30px;
}
.news_p01_b2 {
	line-height: 1.8;
	text-indent: 1em;
	padding: 0px 0px 8px 30px;
}
.news_p01_b3 {
	line-height: 1.8;
	padding: 8px 0px 8px 30px;
}
.news_p01_b4 {
	line-height: 1.8;
	padding: 0px 0px 8px 30px;
}

.news_i01 {
	
}

.news_p02_a1 {
	line-height: 1.8;
	text-indent: 1em;
	padding: 8px 0px 0px 0px;
}
.news_p02_a2 {
	line-height: 1.8;
	text-indent: 1em;
	padding: 0px 0px 0px 20px;
}
.news_p02_a3 {
	line-height: 1.8;
	padding: 8px 0px 0px 0px;
}
.news_p02_a4 {
	line-height: 1.8;
	padding: 0px 0px 0px 0px;
}

.news_p02_b1 {
	line-height: 1.8;
	text-indent: 1em;
	padding: 8px 0px 8px 0px;
}
.news_p02_b2 {
	line-height: 1.8;
	text-indent: 1em;
	padding: 0px 0px 8px 0px;
}
.news_p02_b3 {
	line-height: 1.8;
	padding: 8px 0px 8px 0px;
}
.news_p02_b4 {
	line-height: 1.8;
	padding: 0px 0px 8px 0px;
}


.n_t_01,
.n_t_02 {
	line-height:1.8;
	margin: 0px 0px 0px 30px;
}
.n_t_03 {
	line-height:1.8;
	margin: 0px 0px 0px 0px;
}
.n_t_01 tr,
.n_t_02 tr {
}
.n_t_01 td {
	vertical-align: top;
	text-align: left;
	padding-bottom: 1em;
}
.n_t_02 td,
.n_t_03 td {
	vertical-align: top;
	text-align: left;
}
.n_t_01 td:nth-child(1),
.n_t_02 td:nth-child(1),
.n_t_03 td:nth-child(1) {
	white-space: nowrap;
}
.n_t_01 td[colspan],
.n_t_02 td[colspan],
.n_t_03 td[colspan],
.n_t_01 td.ws,
.n_t_02 td.ws,
.n_t_03 td.ws {
	white-space: normal;
}

/* flex */
.n_area_1 {
	width: 100%;
	display: flex;
	justify-content: center;
	flex-wrap:wrap;
}
.n_area_1 img {
	margin: 5px 5px 5px 5px;
}
.n_area_2 {
	width: 560px;
	display: flex;
	justify-content: space-between;
	flex-wrap:wrap;
}
.n_area_2 div {
	flex-basis: 25%;
}
.n_area_2 div img {
	width: 90%;
	margin: 10px 5% 10px 5%;
}
.n_area_3 {
	width: 560px;
	display: flex;
	justify-content: space-between;
	flex-wrap:wrap;
}
.n_area_3 div {
	flex-basis: 50%;
}
.n_area_3 div img {
	width: 96%;
	margin: 2% 2% 2% 2%;
}
.n_area_4 {
	width: 100%;
	display: flex;
	justify-content: start;
	flex-wrap:wrap;
}
.n_area_4 div,
.n_area_4 p{
	margin: 5px 5px 5px 30px;
}


/* 動画 親要素 */
.douga {
  width: 100%; /* 適宜指定*/
  height: 0;
  position: relative;
  padding-bottom: 56.25%; /*アスペクト比16:9 = 9/16 * 100%*/
}

/* 該当のiframe */
.douga iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}


/* news end
--------------------------*/






/* work 
--------------------------*/
.t_01 tr td:nth-child(1) {
	padding: 10px 10px 10px 10px;
	text-align: right;
	width: 200px;
}
.t_01 tr td:nth-child(2) {
	padding: 10px 10px 10px 10px;
	vertical-align: middle;
}
.t_01 tr td:nth-child(1) a img {
	border: 1px solid #f00;
}

/* work end
--------------------------*/






/* profile 
--------------------------*/
#profile {
	line-height: 1.8;
}
.t_02 tr td{
	padding: 0px 0px 5px 0px;
}

/*.pro_ti_02 {
	color: #f00;
	font-weight: 500;
	font-size: 13px;
}*/
.pro_ti_02 {
	color: #f00;
	font-weight: 500;
	font-size: 14px;
}
.t_04 tr td {
	vertical-align: top;
	font-size: 14px;
	line-height: 1.5;
}
.t_04 tr td p {
	padding: 0px 0 8px 0;
}
.t_04 tr td:nth-of-type(1) {
	width: 5em;
}
/**/
.t_04 tr td:nth-of-type(2) {
	padding-bottom: 10px;
}
.t_04 tr td:nth-of-type(2) p {
	display: inline;
	line-height: 1.5;
	padding: 0px 0 4px 1em;
	margin: 0px 0px 20px 0px;
	text-indent: -1em;
}
.t_04 tr td:nth-of-type(2) p.ti_no {
	line-height: 1.5;
	padding: 0px 0 12px 0;
	padding-left: 1em;
	text-indent: 0em;
}
.t_04 tr td:nth-of-type(2) div.tf_08 {
	display: inline;
	font-size: 8px;
	line-height: 1.5;
	margin: 0px 0 12px 10px;
	font-weight: normal;
	padding-left: 1em;
	text-indent: -1em;
}
.tf_08 {
	font-size: 8px;
	line-height: 1.5;
	padding: 0px 0 12px 10px;
	font-weight: normal;
	padding-left:1em;
	text-indent:-1em;
}


.t_05 tr td {
	vertical-align: top;
}
.t_05 tr td.td01 {
	padding: 40px 0px 10px 0px;
}
.t_05 tr td.td02 {
	width: 5em;
}
.t_05 tr td:nth-child(2) {
	padding: 0px 0px 10px 0px;
}
.t_05 tr td:nth-child(2) p {
	padding: 0px 0px 10px 0px;
}




/* flex  */
.p_area_1 {
	width: 100%;
	display: flex;
	justify-content: center;
}
.p_area_2 {
	width: 560px;
	display: flex;
	justify-content: space-between;
	flex-wrap:wrap;
}
.p_area_2 div {
	flex-basis: 25%;
}
.p_area_2 div img {
	width: 90%;
	margin: 10px 5% 10px 5%;
}
.p_area_3 {
	width: 560px;
	display: flex;
	justify-content: space-between;
	flex-wrap:wrap;
}
.p_area_3 div {
	flex-basis: 50%;
}
.p_area_3 div img {
	width: 96%;
	margin: 2% 2% 2% 2%;
}
.p_area_4,
.p_area_4t {
	padding: 30px 0px 20px 0px ;
}
.p_area_5,
.p_area_5t {
	padding: 30px 0px 0px 0px ;
}
.p_area_6,
.p_area_6t {
	padding: 10px 0px 50px 0px ;
}
.p_area_7,
.p_area_7t {
	padding: 10px 0px 0px 10px ;
}
.p_area_8,
.p_area_8t {
	padding: 0px 0px 0px 0px ;

}
.p_area_4,
.p_area_5,
.p_area_6,
.p_area_7,
.p_area_8 {
	text-align: center;
}

/* profile/p_2008_easygoing/index.html */
.p_niji_p1 {
	margin: 40px 0px 0px 10px;
}
.p_niji_p2 {
	margin: 40px 0px 0px 10px;
}
.p_niji_p3 {
	margin: 40px 0px 0px 10px;
}
.p_t1 {
	font-size: 10px;
	line-height: 1.8;
	padding: 20px 0px 0px 0px;
}
.p_t2 {
	font-size: 10px;
	line-height: 1.8;
	padding: 20px 0px 0px 0px;
}
/* コーナーアイコンが下にいく時 766px以上 */
@media screen and (min-width:766px) {
	.p_t1 {
		padding: 80px 0px 0px 0px;
	}
}
.p_t2 {
	font-size: 14px;
	line-height: 1.8;
	font-weight: 500;
	padding: 0px 0px 60px 0px;
}
.p_t3 {
	font-size: 10px;
	line-height: 1.8;
	padding: 0px 0px 0px 0px;
}
.p_t4 {
	font-size: 10px;
	line-height: 1.8;
	padding: 0px 0px 0px 0px;
}
.p_t5 {
	font-size: 10px;
	line-height: 1.8;
	padding: 10px 0px 0px 0px;
	color: hsla(0,100%,0%,0.3);
}
.p_t6 {
	font-size: 10px;
	line-height: 1.8;
	padding: 0px 0px 0px 0px;
	color: hsla(0,100%,0%,0.3);
}
/* profile/p_2008_easygoing/index.html end */



/* profile.html  --------- */
.pro_ti_01 {
	color: #f00;
	font-size: 14px;
	line-height: 2.5;
	font-weight: 500;
	margin: 35px 0px 40px 0px;
}
.pro_a_01 {
	line-height: 2.0;
	padding: 15px 0px 40px 1em;
}
.pro_a_01 p:nth-of-type(3) {
	padding: 0px 0px 0px 0px;
}

.pro_a_02 {/*年表全体*/
	line-height: 20px;
	margin: 20px 0px 50px 1em;
}
.pro_a_02 dl {/*その年の項目全体*/
	margin: 0px 0px 24px 0px;
}
.pro_a_02 dl:first-child {/*ページの最初のその年の項目全体のみ*/
	margin: 0px 0px 24px 0px;
}
.pro_a_02 dt {/*西暦 通常文字*/
	float: left;
	clear: left;
	width: 4em;
}
.pro_a_02 dd {/*項目*/
	float: left;
	margin-bottom: 16px;
}
.pro_a_02 dd:nth-of-type(2),/*西暦がない項目*/
.pro_a_02 dd:nth-of-type(3),
.pro_a_02 dd:nth-of-type(4),
.pro_a_02 dd:nth-of-type(5),
.pro_a_02 dd:nth-of-type(6),
.pro_a_02 dd:nth-of-type(7),
.pro_a_02 dd:nth-of-type(8) {
	clear: left;
	margin-left: 4em;
}
.pro_a_02 dd + .pro_s_01 {/*（）項目*/
	font-size: 8px;
	line-height: 10px;
	display: inline;
	clear: left;
	vertical-align: baseline;
}

.pro_a_02 dd + .pro_s_02 {/*項目のリード*/
	font-size: 8px;
	line-height: 10px;
	display: inline;
}
.pro_a_02 dd + .pro_s_02 + .pro_s_01 {/*（）項目*/
	font-size: 8px;
	line-height: 10px;
	display: block;
	clear: left;
	margin-left: 70px;
	text-indent: -1em;
}
.pro_a_02 dd + .pro_s_02 + .pro_s_01 {/*（）項目*/
	padding-bottom: 10px;
}
.pro_a_02 dd + span + .pro_s_01 {/*項目と（）項目全体が長い場合*/
	font-size: 8px;
	line-height: 10px;
	padding-bottom: 14px;
	display: inline;
	clear: left;
	text-indent:-1em;
}

.pro_a_02 > #p_1998r > dd {/* イレギュラー dd項目ナシ 1998年『home works』 */
	margin-bottom: 0px;
}

.pro_a_02 > #p_1998r > .pro_s_01 {/* イレギュラー dd項目ナシ 1998年『home works』 */
	margin-bottom: 0px;
}

.pro_s_01::after,
.pro_s_02::after {
    content: "";
    clear: both;
    display: block;
}
/* profile.html end  --------- */


/* profile_sonota.html  --------- */
.pro_ti_01a {
	color: #f00;
	font-size: 14px;
	line-height: 2.5;
	font-weight: 500;
	margin: 35px 0px 30px 0px;
}
.pro_a_01a {
	line-height: 2.0;
	padding: 0px 0px 40px 1em;
}
.pro_a_01a p:nth-of-type(3) {
	padding: 10px 0px 0px 0px;
}

.pro_a_02a {/*年表全体*/
	line-height: 36px;
	padding: 0px 0px 40px 1em;
}
.pro_a_02a dl {/*その年の項目全体*/
	margin: 20px 0px 20px 0px;
}
.pro_a_02a dl:first-child {/*ページの最初のその年の項目全体のみ*/
	margin: 0px 0px 20px 0px;
}
.pro_a_02a dt {/*西暦 通常文字*/
	float: left;
	clear: left;
	width: 4em;
}
.pro_a_02a dd {/*項目*/
	float: left;
}
.pro_a_02a dd.ti_00 {/*項目 ti_00付き*/
	margin-left: 1em;
	text-indent: -0.0em;
}
.pro_a_02a dd:nth-of-type(2),/*西暦がない項目*/
.pro_a_02a dd:nth-of-type(3),
.pro_a_02a dd:nth-of-type(4),
.pro_a_02a dd:nth-of-type(5),
.pro_a_02a dd:nth-of-type(6),
.pro_a_02a dd:nth-of-type(7),
.pro_a_02a dd:nth-of-type(8) {
	clear: left;
	margin-left: 4em;
}
.pro_a_02a dd + .pro_s_01a {/*（）項目*/
	font-size: 8px;
	line-height: 2.5;
	display: inline;
	clear: left;
	vertical-align: baseline;
}

.pro_a_02a dd + .pro_s_02a {/*項目のリード*/
	font-size: 8px;
	line-height: 10px;
	display: inline;
	vertical-align: baseline;
}
.pro_a_02a dd + .pro_s_02a + .pro_s_01a {/*（）項目*/
	font-size: 8px;
	line-height: 10px;
	display: block;
	clear: left;
	margin-left: 70px;
	text-indent: -1em;
}
.pro_a_02a dd + .pro_s_02a + .pro_s_01a {/*（）項目*/
	padding-bottom: 10px;
}
.pro_a_02a dd + span + .pro_s_01a {/*項目と（）項目全体が長い場合*/
	font-size: 8px;
	line-height: 10px;
	padding-bottom: 14px;
	display: inline;
	clear: left;
	text-indent:-1em;
	vertical-align: baseline;
}
.pro_a_02a dd + span.long_01 + .pro_s_01a {/*項目と（）項目全体が長い場合 longクラス*/
	font-size: 8px;
	line-height: 10px;
	padding-bottom: 14px;
	display: block;
	clear: left;
	text-indent:-1em;
	vertical-align: baseline;
	margin-left: 70px;
	margin-top: -15px;
}


.pro_s_01a::after,
.pro_s_02a::after {
    content: "";
    clear: both;
    display: block;
}


.pro_a_02a dd br {/*項目*/
	display: none;
}
/* profile_sonota.html end  --------- */


/* profile end
--------------------------*/






/* diary 
--------------------------*/

body#diary {
	line-height: 1.8;
}

.index_0604 .diary_list li:nth-child(79) a,
.index_0605 .diary_list li:nth-child(78) a,
.index_0606 .diary_list li:nth-child(77) a,
.index_0607 .diary_list li:nth-child(76) a,
.index_0608 .diary_list li:nth-child(75) a,
.index_0609 .diary_list li:nth-child(74) a,
.index_0610 .diary_list li:nth-child(73) a,
.index_0611 .diary_list li:nth-child(72) a,
.index_0612 .diary_list li:nth-child(71) a,
.index_0701 .diary_list li:nth-child(69) a,
.index_0702 .diary_list li:nth-child(68) a,
.index_0703 .diary_list li:nth-child(67) a,
.index_0704 .diary_list li:nth-child(66) a,
.index_0705 .diary_list li:nth-child(65) a,
.index_0706 .diary_list li:nth-child(64) a,
.index_0707 .diary_list li:nth-child(63) a,
.index_0708 .diary_list li:nth-child(62) a,
.index_0709 .diary_list li:nth-child(61) a,
.index_0710 .diary_list li:nth-child(60) a,
.index_0711 .diary_list li:nth-child(59) a,
.index_0712 .diary_list li:nth-child(58) a,
.index_0801 .diary_list li:nth-child(56) a,
.index_0802 .diary_list li:nth-child(55) a,
.index_0803 .diary_list li:nth-child(54) a,
.index_0804 .diary_list li:nth-child(53) a,
.index_0805 .diary_list li:nth-child(52) a,
.index_0806 .diary_list li:nth-child(51) a,
.index_0807 .diary_list li:nth-child(50) a,
.index_0808 .diary_list li:nth-child(49) a,
.index_0809 .diary_list li:nth-child(48) a,
.index_0810 .diary_list li:nth-child(47) a,
.index_0811 .diary_list li:nth-child(46) a,
.index_0812 .diary_list li:nth-child(45) a,
.index_0901 .diary_list li:nth-child(43) a,
.index_0902 .diary_list li:nth-child(42) a,
.index_0903 .diary_list li:nth-child(41) a,
.index_0904 .diary_list li:nth-child(40) a,
.index_0905 .diary_list li:nth-child(39) a,
.index_0906 .diary_list li:nth-child(38) a,
.index_0907 .diary_list li:nth-child(37) a,
.index_0908 .diary_list li:nth-child(36) a,
.index_0909 .diary_list li:nth-child(35) a,
.index_0910 .diary_list li:nth-child(34) a,
.index_0911 .diary_list li:nth-child(33) a,
.index_0912 .diary_list li:nth-child(32) a,
.index_1001 .diary_list li:nth-child(30) a,
.index_1002 .diary_list li:nth-child(29) a,
.index_1003 .diary_list li:nth-child(28) a,
.index_1004 .diary_list li:nth-child(27) a,
.index_1005 .diary_list li:nth-child(26) a,
.index_1006 .diary_list li:nth-child(25) a,
.index_1007 .diary_list li:nth-child(24) a,
.index_1008 .diary_list li:nth-child(23) a,
.index_1009 .diary_list li:nth-child(22) a,
.index_1010 .diary_list li:nth-child(21) a,
.index_1011 .diary_list li:nth-child(20) a,
.index_1012 .diary_list li:nth-child(19) a,
.index_1101 .diary_list li:nth-child(17) a,
.index_1102 .diary_list li:nth-child(16) a,
.index_1103 .diary_list li:nth-child(15) a,
.index_1104 .diary_list li:nth-child(14) a,
.index_1105 .diary_list li:nth-child(13) a,
.index_1106 .diary_list li:nth-child(12) a,
.index_1107 .diary_list li:nth-child(11) a,
.index_1108 .diary_list li:nth-child(10) a,
.index_1109 .diary_list li:nth-child(09) a,
.index_1110 .diary_list li:nth-child(08) a,
.index_1111 .diary_list li:nth-child(07) a,
.index_1112 .diary_list li:nth-child(06) a,
.index_1201 .diary_list li:nth-child(04) a,
.index_1202 .diary_list li:nth-child(03) a,
.index_1203 .diary_list li:nth-child(02) a,
.index_1204 .diary_list li:nth-child(01) a {
	color: #39F;
}
a.on {
	color: #39F;
}
.diary_title {
	color: #f3c;
	margin: 35px 0px 20px 0px;
}

table.t_03 tr td{
	padding: 0px 0px 20px 0px;
	white-space: nowrap;
}
#diary_page .diary_page_area {
	width: 450px;
	margin: 100px auto 20px;
	/* チェック用
	background-color: #0f0; */
}
.diary_page_area a {
	font-weight: 500;
}
.diary_page_area ul + p {/* 兄弟要素に */
	clear: both;
}
.diary_page_area ul:nth-of-type(1) li {
	list-style-type: none;
	float: left;
	width: 225px;
	padding: 5px 0px 5px 0px;
	text-align: center;
}
.diary_page_area h1 {
	text-align: center;
}

.diary_page_area time,
.diary_page_area p:nth-last-of-type(2) {
	/* チェック用
	background-color: #0f0; */
	display: block;
	text-align: center;
	font-weight: 500;
	padding: 20px 0px 0px 0px;
}
.diary_page_area p:nth-of-type(1),
.diary_page_area p:nth-of-type(2),
.diary_page_area p:nth-of-type(3),
.diary_page_area p:nth-of-type(4) {
	text-indent: 1em;
	padding: 0px 25px 0px 25px;
}
.diary_page_area p:nth-last-of-type(1),
.diary_page_area p:nth-last-of-type(2) {
	text-align: center;
}
.diary_page_area p:nth-last-of-type(2) {
	padding: 20px 25px 0px 25px;
}


/* text */
.t_03 {
}
.f3c {
	color:#f3c;
}

/* menu_1 menu_2 */
/*.menu_1 a:nth-child(1)::before {
	content: "<< ";
}
.menu_1_end a:nth-child(1)::after {
	content: " >>";
}
.menu_1 a:nth-child(2)::after {
	content: " >>";
}*/

.area_left {
	width: 390px;
	float: left;
	background-color: #fff;
}
.area_right {
	width: 200px;
	float: right;
	background-color: #fff;
	border-left: 1px #E6E6E6 solid;
	padding: 0 0 0 10px;
	margin: 50px 0 0 0;
}
.d_title {
	height: 40px;
	/*border-bottom: 1px #999 solid;*/
	margin: 50px 0 10px 0;
	padding: 0 0 10px 0;
}
.d_title img {
	float: left;
}
.d_title span {
	float: left;
	padding: 20px 0 0 20px;
	
}
.d_se{
	font-size: 14px;
	text-indent: 1em;
	margin: 0 0 1em 0;
	text-align: justify;
	text-justify: inter-ideograph;
}
.menu_1_area {
	border-bottom: 1px #999 solid;
	margin: 10px 0 40px 0;
	padding: 5px 0 5px;
}
.menu_1_title {
	text-align: center;
}
.menu_1_text {
	color: #f3c;
	text-align: center;
	margin: 50px 0 20px;
}
.menu_1 {
	text-align: center;
}
.menu_2 {
	border-top: 1px #999 solid;
	margin-top: 10px;
	padding: 5px 0 5px;
	text-align: center;
}
.menu_1 li,
.menu_2 li {
	display: inline-block;
}
.menu_1 li:nth-child(1) a::before,
.menu_2 li:nth-child(1) a::before {
	content: "<< ";
}
.menu_1 li.blank::before,
.menu_2 li.blank::before {
	content: "　　　　　　　　";
}
.menu_1 li:nth-child(2)::before,
.menu_1 li:nth-child(2)::after,
.menu_2 li:nth-child(2)::before,
.menu_2 li:nth-child(2)::after {
	content: "　";
}
.menu_1 li:nth-child(3) a::after,
.menu_2 li:nth-child(3) a::after {
	content: " >>";
}

.menu_1_btn li span:nth-child(1) {
	display: block;
	width: 70px;
	margin: 0 20px 0 20px;
	float: left;
	background-color: #fff;
}
.menu_1_btn li span:nth-child(2) {
	display: block;
}
.menu_1_btn li span:nth-child(3) {
	display: block;
}
.menu_1_btn li span:nth-child(3)::before {
	content: "　　";
}
.menu_1_btn li {
	height: 70px;
	clear: both;
	margin: 0 0 30px;
}
#hoshi {
	width: 100%;
	height: 23px;
	background: url("../html/diary_images/hoshi.png") space 0px 0px / 20px 23px ;
}

/* diary end
--------------------------*/









/* #works 
-----------------------*/
#works table,
#works table td {
	border-collapse: collapse;
	border: 0px;
}

.works_title {
	padding: 37px 0px 57px 0px;
	text-align: center;
}
.works_title img {
	max-width: 200px; 
}

.works_title_a {
	padding: 0px 0px 42px 0px;
	text-align: center;
	font-size: 14px;
	line-height: 1.0;
	font-weight: 500;
}
.works_title_a br {
	display:none;
}

.works_title_b {
	padding: 0px 0px 72px 0px;
	text-align: center;
	font-size: 10px;
	line-height: 1.0;
	color: hsla(300,100%,50%,0.8);/*ピンク*/
}


/* 作品一覧 TIS項目 */
.w_00_t {
	display: flex;
	max-width: 590px;
	min-height: 70px;
	padding: 0px 0px 45px 0px;
}
.w_00_t .w_01 {
	display: flex;
	flex-basis: 240px;
	justify-content: flex-end;
	padding: 0px 20px 0px 0px;
}
.w_00_t .w_01 a {
	display: block;
	width: 204px;
	height: 70px;
}
.w_00_t .w_01 a img {
	display: none;
}	
.w_00_t .w_01 a {
	background: url("../html/works/image/tis-web.jpg") no-repeat 0px 0px / 204px 70px;
	border: 1px solid #f00;
}
.w_00_t .w_02 {
	display: flex;
	flex-basis: 358px;
	flex-wrap: wrap;
	align-content: space-between;
	padding: 15px 0px 20px 0px;
	/*background-color: hsla(180,100%,50%,0.2); ブルー */
}
.w_00_t .w_02 a {
	display: block;
	font-size: 12px;
	line-height: 12px;
	font-weight: 500;
	text-decoration: none;
	/*background-color: hsla(120,100%,50%,0.2); グリーン */
}
.w_00_t .w_02 a:hover {
	text-decoration: underline;
}
.w_00_t .w_02 .wt01 {
	color: hsla(0,100%,50%,0.8);/*赤*/
	height: 12px;
}
.w_00_t .w_02 .wt02 a {
	color: hsla(0,100%,0%,0.8);/*黒*/
}
/*.w_00_t .w_02 .wt02 a:before {
	content: "※";
	color: hsla(0,100%,50%,0.8);
	font-size: 12px;
	line-height: 12px;
	font-weight: 500;
	text-decoration: none;
}*/
.w_00_t .w_02 .wt03 {
	color: hsla(0,100%,0%,0.8);/*黒*/
	font-size: 10px;
	line-height: 10px;
	padding: 0px 0px 0px 0px;
	/*background-color: hsla(300,100%,50%,0.2); ピンク */
}
/* 作品一覧 TIS項目 end */



/* 作品一覧 １項目 */
.w_00 {
	display: flex;
	max-width: 590px;
	min-height: 70px;
	padding: 0px 0px 45px 0px;
}
.w_00 .w_01 {
	display: flex;
	flex-basis: 240px;
	justify-content: flex-end;
	padding: 0px 20px 0px 0px;
}
.w_00 .w_02 {
	display: flex;
	flex-basis: 358px;
	flex-wrap: wrap;
	align-content: space-between;
	padding: 15px 0px 20px 0px;
	/*background-color: hsla(180,100%,50%,0.2); ブルー */
}
.w_00 .w_02 a {
	display: block;
	font-size: 12px;
	line-height: 12px;
	font-weight: 500;
	text-decoration: none;
	/*background-color: hsla(120,100%,50%,0.2); グリーン */
}
.w_00 .w_02 a:hover {
	text-decoration: underline;
}
.w_00 .w_02 .wt01 {
	color: hsla(0,100%,50%,0.8);/*赤*/
	height: 12px;
}
.w_00 .w_02 .wt02 a {
	 color: hsla(0,100%,0%,0.8);/*黒*/
}
.w_00 .w_02 .wt02 a:before {
	content: "□";
	color: hsla(0,100%,50%,0.8);/*赤*/
	font-size: 12px;
	line-height: 12px;
	font-weight: 500;
	text-decoration: none;
}
.w_00 .w_02 .wt03 {
	color: hsla(0,100%,0%,0.8);/*黒*/
	font-size: 10px;
	line-height: 10px;
	padding: 0px 0px 0px 18px;
	/*background-color: hsla(300,100%,50%,0.2); ピンク */
}
/* 作品一覧 １項目 end */

.t_area_01 {
	width: 450px;
	margin: 0 auto;
}




/* flex 詳細 */



/* ２分割と３分割 可変   */
@media print, screen and (max-width: 499px){/* 499px以下 */
	.n_w {
		padding: 0 20px;
	}
	.n_w_f {
		display: flex;
		flex-wrap: wrap;/*flex */
		margin: 40px -10px;/*マイナス設定*/
		justify-content: center;
		/*background-color: hsla(0,100%,50%,0.2);*/
	}
		.n_w {
				padding: 0 20px;
		}
		.n_w_f {
				display: flex;
				flex-wrap: wrap; /*flex */
				margin: 40px -10px; /*マイナス設定*/
				justify-content: center;
				/*background-color: hsla(0,100%,50%,0.2);*/
		}
		.n_w_f_i {
				display: flex; /*flex */
				justify-content: center;
				align-items: center;
				box-sizing: border-box;
				flex-basis: 50%; /*２分割*/
				max-width: 50%; /*幅 最大値*/
				padding: 10px 10px 10px 10px;
				text-indent: 1em;
		}
}
@media print, screen and (min-width: 500px) {/* 500px以上 */
	.n_w {
		width: 700px;
		max-width: 100%;
		margin: 20px auto;
	}
}
@media print, screen and (min-width: 500px) {/* 500px以上 */
	.n_w_f {
		display: flex;
		flex-wrap: wrap;/*flex */
		margin: 0 -20px;/*マイナス設定*/
		justify-content: center;
		/*background-color: hsla(120,100%,50%,0.2);*/
	}
}
@media print, screen and (max-width: 499px){/* 499px以下 */
	/*.n_w_f*/ .n_w_f_i {
		display: flex;/*flex */
		justify-content: center;
		align-items: center;
		box-sizing: border-box;
		flex-basis: 50%;/*２分割*/
		max-width: 50%;/*幅 最大値*/
		padding: 10px 10px 10px 10px;
		text-indent: 1em;
	}
}
@media print, screen and (max-width: 400px){/* 400px以下 */
	/*.n_w_f*/ .n_w_f_i {
		display: flex;/*flex */
		justify-content: center;
		align-items: center;
		box-sizing: border-box;
		flex-basis: 80%;/*２分割*/
		max-width: 80%;/*幅 最大値*/
		padding: 10px 10px 10px 10px;
		text-indent: 1em;
	}
}
@media print, screen and (min-width: 500px) {/* 500px以上 */
	/*.n_w_f*/ .n_w_f_i {
		display: flex;/*flex */
		justify-content: center;
		align-items: center;
		box-sizing: border-box;
		flex-basis: 33.3%;/*３分割*/
		max-width: 33.3%;/*幅 最大値*/
		padding: 20px 20px 20px 20px;
		text-indent: 1em;
	}
}
/* ２分割と３分割 可変  end */

/* 共通  */
.n_w_f_p1 img,
.n_w_f_i img,
.n_w_f_i1 img,
.n_w_f_i1t img,
.n_w_f_i2 img,
.n_w_f_i2t img,
.n_w_f_i2c img,
.n_w_f_i2tc img,
.n_w_f_i3 img,
.n_w_f_i3t img,
.n_w_f_i3c img,
.n_w_f_i3tc img,
.n_w_f_i4 img,
.n_w_f_i4t img,
.n_w_f_i4c img,
.n_w_f_i4tc img,
.n_w_f_i4tc2 img,
.n_w_f_a img {
	width: 100%;
	padding: 0px 0px 10px 0px;
}
.n_w_f_p1 img.sp_90,
.n_w_f_i img.sp_90,
.n_w_f_i1 img.sp_90,
.n_w_f_i2 img.sp_90,
.n_w_f_i2t img.sp_90,
.n_w_f_i2c img.sp_90,
.n_w_f_i2tc img.sp_90,
.n_w_f_i3 img.sp_90,
.n_w_f_i3t img.sp_90,
.n_w_f_i3c img.sp_90,
.n_w_f_i3tc img.sp_90,
.n_w_f_i4 img.sp_90,
.n_w_f_i4t img.sp_90,
.n_w_f_i4c img.sp_90,
.n_w_f_i4tc img.sp_90,
.n_w_f_i4tc2 img.sp_90,
.n_w_f_a img.sp_90 {
	width: 100%;
	padding: 0px 0px 0px 0px;
}
.n_w_f_p1 img.i_n,
.n_w_f_i img.i_n,
.n_w_f_i1 img.i_n,
.n_w_f_i2 img.i_n,
.n_w_f_i2t img.i_n,
.n_w_f_i2c img.i_n,
.n_w_f_i2tc img.i_n,
.n_w_f_i3 img.i_n,
.n_w_f_i3t img.i_n,
.n_w_f_i3c img.i_n,
.n_w_f_i3tc img.i_n,
.n_w_f_i4 img.i_n,
.n_w_f_i4t img.i_n,
.n_w_f_i4c img.i_n,
.n_w_f_i4tc img.i_n,
.n_w_f_i4tc2 img.i_n,
.n_w_f_a img.i_n {
	width: inherit;/* 原寸 */
	padding: 0px 0px 0px 0px;
}
.n_w_f_p1 img.i_n2,
.n_w_f_i img.i_n2,
.n_w_f_i1 img.i_n2,
.n_w_f_i2 img.i_n2,
.n_w_f_i2t img.i_n2,
.n_w_f_i2c img.i_n2,
.n_w_f_i2tc img.i_n2,
.n_w_f_i3 img.i_n2,
.n_w_f_i3t img.i_n2,
.n_w_f_i3c img.i_n2,
.n_w_f_i3tc img.i_n2,
.n_w_f_i4 img.i_n2,
.n_w_f_i4t img.i_n2,
.n_w_f_i4c img.i_n2,
.n_w_f_i4tc img.i_n2,
.n_w_f_i4tc2 img.i_n2,
.n_w_f_a img.i_n2 {
	width: inherit;/* 原寸では大きすぎる時 */
	padding: 0px 0px 0px 0px;
}
/* sp小 399px以上 */
@media screen and (min-width:399px) {
	.n_w_f_p1 img.i_n2,
	.n_w_f_i img.i_n2,
	.n_w_f_i1 img.i_n2,
	.n_w_f_i2 img.i_n2,
	.n_w_f_i2t img.i_n2,
	.n_w_f_i2c img.i_n2,
	.n_w_f_i2tc img.i_n2,
	.n_w_f_i3 img.i_n2,
	.n_w_f_i3t img.i_n2,
	.n_w_f_i3c img.i_n2,
	.n_w_f_i3tc img.i_n2,
	.n_w_f_i4 img.i_n2,
	.n_w_f_i4t img.i_n2,
	.n_w_f_i4c img.i_n2,
	.n_w_f_i4tc img.i_n2,
	.n_w_f_i4tc2 img.i_n2,
	.n_w_f_a img.i_n2 {
		width: 100%;/* 原寸では大きすぎる時 */
		padding: 0px 0px 0px 0px;
	}
}
/* sp小 560px以上 */
@media screen and (min-width:560px) {
	.n_w_f_p1 img.i_n2,
	.n_w_f_i img.i_n2,
	.n_w_f_i1 img.i_n2,
	.n_w_f_i2 img.i_n2,
	.n_w_f_i2t img.i_n2,
	.n_w_f_i2c img.i_n2,
	.n_w_f_i2tc img.i_n2,
	.n_w_f_i3 img.i_n2,
	.n_w_f_i3t img.i_n2,
	.n_w_f_i3c img.i_n2,
	.n_w_f_i3tc img.i_n2,
	.n_w_f_i4 img.i_n2,
	.n_w_f_i4t img.i_n2,
	.n_w_f_i4c img.i_n2,
	.n_w_f_i4tc img.i_n2,
	.n_w_f_i4tc2 img.i_n2,
	.n_w_f_a img.i_n2 {
		width: inherit;/* 原寸では大きすぎる時 */
		padding: 0px 0px 0px 0px;
	}
}
.n_w_f_p1 img.i_90,
.n_w_f_i img.i_90,
.n_w_f_i1 img.i_90,
.n_w_f_i2 img.i_90,
.n_w_f_i2t img.i_90,
.n_w_f_i2c img.i_90,
.n_w_f_i2tc img.i_90,
.n_w_f_i3 img.i_90,
.n_w_f_i3t img.i_90,
.n_w_f_i3c img.i_90,
.n_w_f_i3tc img.i_90,
.n_w_f_i4 img.i_90,
.n_w_f_i4t img.i_90,
.n_w_f_i4c img.i_90,
.n_w_f_i4tc img.i_90,
.n_w_f_i4tc2 img.i_90,
.n_w_f_a img.i_90 {
	width: 90%;
	padding: 0px 0px 0px 0px;
}
.n_w_f_p1 img.i_80,
.n_w_f_i img.i_80,
.n_w_f_i1 img.i_80,
.n_w_f_i2 img.i_80,
.n_w_f_i2t img.i_80,
.n_w_f_i2c img.i_80,
.n_w_f_i2tc img.i_80,
.n_w_f_i3 img.i_80,
.n_w_f_i3t img.i_80,
.n_w_f_i3c img.i_80,
.n_w_f_i3tc img.i_80,
.n_w_f_i4 img.i_80,
.n_w_f_i4t img.i_80,
.n_w_f_i4c img.i_80,
.n_w_f_i4tc img.i_80,
.n_w_f_i4tc2 img.i_80,
.n_w_f_a img.i_80 {
	width: 80%;
	padding: 0px 0px 0px 0px;
}
.n_w_f_p1 img.i_70,
.n_w_f_i img.i_70,
.n_w_f_i1 img.i_70,
.n_w_f_i2 img.i_70,
.n_w_f_i2t img.i_70,
.n_w_f_i2c img.i_70,
.n_w_f_i2tc img.i_70,
.n_w_f_i3 img.i_70,
.n_w_f_i3t img.i_70,
.n_w_f_i3c img.i_70,
.n_w_f_i3tc img.i_70,
.n_w_f_i4 img.i_70,
.n_w_f_i4t img.i_70,
.n_w_f_i4c img.i_70,
.n_w_f_i4tc img.i_70,
.n_w_f_i4tc2 img.i_70,
.n_w_f_a img.i_70 {
	width: 70%;
	padding: 0px 0px 0px 0px;
}
.n_w_f_p1 img.i_60,
.n_w_f_i img.i_60,
.n_w_f_i1 img.i_60,
.n_w_f_i2 img.i_60,
.n_w_f_i2t img.i_60,
.n_w_f_i2c img.i_60,
.n_w_f_i2tc img.i_60,
.n_w_f_i3 img.i_60,
.n_w_f_i3t img.i_60,
.n_w_f_i3c img.i_60,
.n_w_f_i3tc img.i_60,
.n_w_f_i4 img.i_60,
.n_w_f_i4t img.i_60,
.n_w_f_i4c img.i_60,
.n_w_f_i4tc img.i_60,
.n_w_f_i4tc2 img.i_60,
.n_w_f_a img.i_60 {
	width: 60%;
	padding: 0px 0px 0px 0px;
}
.n_w_f_p1 img.i_50,
.n_w_f_i img.i_50,
.n_w_f_i1 img.i_50,
.n_w_f_i2 img.i_50,
.n_w_f_i2t img.i_50,
.n_w_f_i2c img.i_50,
.n_w_f_i2tc img.i_50,
.n_w_f_i3 img.i_50,
.n_w_f_i3t img.i_50,
.n_w_f_i3c img.i_50,
.n_w_f_i3tc img.i_50,
.n_w_f_i4 img.i_50,
.n_w_f_i4t img.i_50,
.n_w_f_i4c img.i_50,
.n_w_f_i4tc img.i_50,
.n_w_f_i4tc2 img.i_50,
.n_w_f_a img.i_50 {
	width: 50%;
	padding: 0px 0px 0px 0px;
}
.n_w_f_p1 img.m_n,
.n_w_f_i img.m_n,
.n_w_f_i1 img.m_n,
.n_w_f_i2 img.m_n,
.n_w_f_i2t img.m_n,
.n_w_f_i2c img.m_n,
.n_w_f_i2tc img.m_n,
.n_w_f_i3 img.m_n,
.n_w_f_i3t img.m_n,
.n_w_f_i3c img.m_n,
.n_w_f_i3tc img.m_n,
.n_w_f_i4 img.m_n,
.n_w_f_i4t img.m_n,
.n_w_f_i4c img.m_n,
.n_w_f_i4tc img.m_n,
.n_w_f_i4tc2 img.m_n,
.n_w_f_a img.m_n {
	width: 100%;
	padding: 0px 0px 0px 0px;
}
.n_w_f_p1 img.line,
.n_w_f_i img.line,
.n_w_f_i1 img.line,
.n_w_f_i2 img.line,
.n_w_f_i2t img.line,
.n_w_f_i2c img.line,
.n_w_f_i2tc img.line,
.n_w_f_i3 img.line,
.n_w_f_i3t img.line,
.n_w_f_i3c img.line,
.n_w_f_i3tc img.line,
.n_w_f_i4 img.line,
.n_w_f_i4t img.line,
.n_w_f_i4c img.line,
.n_w_f_i4tc img.line,
.n_w_f_i4tc2 img.line,
.n_w_f_a img.line {
	width: 100%;
	padding: 0px 0px 0px 0px;
	border: 1px solid #666;
}
/* 共通 end */

/* flex 詳細 end */





/* #works end 
-----------------------*/







/* flex 写真配置 実験 */
@media print, screen and (max-width: 766px){/* 766px以下 */
	.wrap {
		padding: 0 20px;
	}
}
@media print, screen and (min-width: 767px) {/* 767px以上 */
	.wrap {
		width: 700px;
		max-width: 100%;
		margin: 20px auto;
	}
}

@media print, screen and (max-width: 766px){/* 766px以下 */
	.flexWrap {
		display: flex;
		flex-wrap: wrap;/*flex */
		margin: 40px -10px;/*マイナス設定*/
		background-color: hsla(0,100%,50%,0.2);
	}
}
@media print, screen and (min-width: 767px) {/* 767px以上 */
	.flexWrap {
		display: flex;
		flex-wrap: wrap;/*flex */
		margin: 0 -20px;/*マイナス設定*/
		background-color: hsla(120,100%,50%,0.2);
	}
}
@media print, screen and (max-width: 766px){/* 766px以下 */
	.flexWrap .flexItem {
		display: flex;/*flex */
		justify-content: center;
		align-items: center;
		box-sizing: border-box;
		flex-basis: 50%;/*２分割*/
		max-width: 50%;/*幅 最大値*/
		padding: 10px;
	}
}
@media print, screen and (min-width: 767px) {/* 767px以上 */
	.flexWrap .flexItem {
		display: flex;/*flex */
		justify-content: center;
		align-items: center;
		box-sizing: border-box;
		flex-basis: 33.3%;/*３分割*/
		max-width: 33.3%;/*幅 最大値*/
		padding: 20px;
	}
}
.flexWrap .flexItem img {
	max-width: 100%;
}
/* flex 写真配置 実験 end */