@charset "UTF-8";
@import url(//use.fontawesome.com/releases/v5.6.1/css/all.css);
@import url(/pc/css/original.css);

/*--------------------------------------------------------------------*/
/* 全ページ共通基本設定 */

body {
	/*background-color:#f8f7f2;*/
	background-image: url(/img/background_pattern.png);
	text-align:center;
	padding:0;
	margin:0;

}

body,td,li,th{
	font-family: "Meiryo", "Hiragino Kaku Gothic Pro W3", "ＭＳ Ｐゴシック","helvetica";
	color:#473522;
	font-size:10pt;
	line-height: 165%;
}

h1, h2, h3, h4, h5, h6,
div, blockquote, p, pre,
ul, ol, li,
dl, dt, dd,
img,
table, caption, th, tr, td,
hr,
form, input, button, label {
	margin:0;
	padding:0;
	list-style-type:none;
}

h1, h2, h3, h4, h5, h6,
div, blockquote, p, pre,
ul, ol, li,
dl, dt, dd,
img,
table, caption, th, tr, td,
hr,
form, button, label,a {
	border:0;
}

p{
	margin:0;
	font-family: "Meiryo", "Hiragino Kaku Gothic Pro W3", "ＭＳ Ｐゴシック","helvetica";
}

br {
	letter-spacing:0;
}

.clear{
	clear: both;
}

a:link {
	color: #777777;
	text-decoration: underline;
}
a:visited {
	color: #777777;
	text-decoration: underline;
}
a:hover {
	color: #e60012;
	text-decoration: underline;
}
a:active {
	color: #e60012;
	text-decoration: underline;
}

.section{ margin-bottom:100px;}

footer{
	text-align:center;
color: #aaa;
    font-size: 11px;
				margin: 20px 0px 2px 0px;
					}

/* PC用 */

/*--------------------------------------------------------------------*/

#container {
	background-image: url(/img/background_pattern.png);
	text-align:left;
	padding:0;
	margin:0 auto;
	background-color:#ffffff;
	width:100%;
}

/* 項目追加時のクラス */
.entry{}

/*--------------------------------------------------------------------*/



/*--- HEADER ------------------*/
#header{ width:960px; margin:0 auto;}

#header .ht{ position:relative; text-align:left;}
#header .ht .lang{ position:absolute; right:8px; top:117px;}
#header .ht .hide{ display:none;}

#header .ht .lang .select_jpn{ position:absolute; top:-10px; right:44px;}
#header .ht .lang .select_eng{ position:absolute; top:-10px; right:8px;}

/*#header .ht .lang .select_jpn{ position:absolute; top:-10px; right:52px;}
#header .ht .lang .select_eng{ position:absolute; top:-10px; right:10px;}*/

#header ul{ margin-top:30px; margin-bottom:15px;}
#header ul li{ float:left;}
#header ul li a{
	display:block;
	width:136px;
	height:13px;
	border-right:1px solid #ccc;
	text-indent:-9999px;
	cursor:pointer;
}

#header ul .nav1 a{ background:url(/img/nav1.gif) no-repeat; border-left:1px solid #ccc;}
#header ul .nav2 a{ background:url(/img/nav2.gif) no-repeat;}
#header ul .nav3 a{ background:url(/img/nav3.gif) no-repeat;}
#header ul .nav4 a{ background:url(/img/nav4.gif) no-repeat;}
#header ul .nav5 a{ background:url(/img/nav5.gif) no-repeat;}
#header ul .nav6 a{ background:url(/img/nav6.gif) no-repeat;}
#header ul .nav7 a{ background:url(/img/nav7.gif) no-repeat;}

#header ul .nav1 a:hover,
#header ul .nav2 a:hover,
#header ul .nav3 a:hover,
#header ul .nav4 a:hover,
#header ul .nav5 a:hover,
#header ul .nav6 a:hover,
#header ul .nav7 a:hover
{ background-color:#eee;}

#header ul li .current{ background-color:#eee;}

/*-----------------------------*/

.navigation_container {
display: flex;
}
.sns_icon {
font-family: 'Font Awesome 5 Free';
margin: 1.5rem 0 0 0;
font-size: 1.5rem;
}
.sns_icon a {
color: #333;
display: inline-block;
margin: 0 0 0 1.5rem;
}

/*--- MAIN --------------------*/
#main{ width:960px; margin:0 auto;}

#main .entry{ margin:35px 0;}

h2{ font-size:1.6em;}

#main #exhibition ul,#main #exhibition li{}
#main #exhibition li{ width:317px; height:200px;}
#main #exhibition ul h3{ margin-bottom:8px; font-size:12px; font-weight:normal;}
#main #exhibition ul li a img{ width:317px; height:200px;}
#main #exhibition .first{}
#main #exhibition .first li{ float:left;}
#main #exhibition .second{ clear:both; padding-top:25px;}
#main #exhibition .second li{ float:left;}
#main #exhibition .bt{ border-top:1px solid #ccc; padding-top:25px;}
#main #exhibition .bb{ border-bottom:1px solid #ccc; padding-bottom:35px;}

#main #works ul li{ float:left; width:237px; height:237px;}
#main #works ul h3{ margin-bottom:8px; font-size:12px; font-weight:normal;}
#main #works .bt{ border-top:1px solid #ccc; padding-top:25px;}
#main #works .bb{ border-bottom:1px solid #ccc; padding-bottom:35px;}
#main #works .works li a img{ width:237px; height:237px;}

#main #biography .name{ border-left:8px solid #333; padding-left:14px;}
#main #biography .name .name_j{ font-size:24px; font-weight:bold; margin-bottom:5px; padding-top:8px;}
#main #biography .name .name_e{}
#main #biography table{ margin:10px 0 40px; width:960px;}
#main #biography table tr{}
#main #biography table tr td{ padding:10px 0; border-bottom:1px solid #ddd;}
#main #biography table tr .t_t{ border-top:1px solid #ddd;}
#main #biography table tr .t_h{ width:100px;}

#main #info table{ margin:30px 0 40px; width:960px;}
#main #info table tr{}
#main #info table tr td{ padding:10px 0; border-bottom:1px solid #ddd;}
#main #info table tr .t_t{ border-top:1px solid #ddd;}
#main #info table tr .t_h{ width:100px;}

#main #introduction .sec_title{ border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; text-align:center; font-weight:bold; font-size:200%; line-height:25pt; padding:4px 0px; color:#444;}
#main #introduction .sec_inner01{ padding:0 106px;}
#main #introduction .ts{ color:#FF6A00; font-weight:bold; font-size:130%;}
#main #introduction .ts_blk2{ color:#333; font-weight:bold; font-size:130%;}
#main #introduction .ts_blk{ color:#333; font-weight:bold; font-size:150%;}
#main #introduction .ts_small{ color:#FF6A00; font-weight:bold; font-size:100%;}

/*-----------------------------*/


/*--- FOOTER ------------------*/
#footer{ width:960px; margin:0 auto;}
#footer p{ text-align:right; color:#aaa; font-size:11px; margin-top:40px; margin-bottom:20px;}

/*-----------------------------*/


.titleGray{ border-left:4px solid #999; padding-left:8px; font-weight:bold; }


.tablet{ display:none !important;}
.smart{ display:none !important;}







/* 拡張汎用CSS
****************************/
/* margin */
.m5{ margin:5px;}
.m10{ margin:10px;}
.m15{ margin:15px;}
.m20{ margin:20px;}
.m25{ margin:25px;}
.m30{ margin:30px;}

.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
.mt50{margin-top:50px;}
.mt60{margin-top:60px;}

.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}
.mb50{margin-bottom:50px;}
.mb60{margin-bottom:60px;}

.mr10{margin-right:10px;}
.mr20{margin-right:20px;}
.mr30{margin-right:30px;}
.mr40{margin-right:40px;}
.mr50{margin-right:50px;}

.ml10{margin-left:10px;}
.ml20{margin-left:20px;}
.ml30{margin-left:30px;}
.ml40{margin-left:40px;}
.ml50{margin-left:50px;}

/* padding */
.p5{ padding:5px;}
.p10{ padding:10px;}
.p15{ padding:15px;}
.p20{ padding:20px;}
.p25{ padding:25px;}
.p30{ padding:30px;}

.pt10{padding-top:10px;}
.pt20{padding-top:20px;}
.pt25{padding-top:25px;}
.pt30{padding-top:30px;}
.pt40{padding-top:40px;}
.pt50{padding-top:50px;}

.pb10{padding-bottom:10px;}
.pb20{padding-bottom:20px;}
.pb30{padding-bottom:30px;}
.pb40{padding-bottom:40px;}
.pb50{padding-bottom:50px;}

.pr10{padding-right:10px;}
.pr20{padding-right:20px;}
.pr30{padding-right:30px;}
.pr40{padding-right:40px;}
.pr50{padding-right:50px;}

.pl10{padding-left:10px;}
.pl20{padding-left:20px;}
.pl30{padding-left:30px;}
.pl40{padding-left:40px;}
.pl50{padding-left:50px;}


/* 画像のマージン */
.mrb12{ margin-right:4px; margin-bottom:4px;}
.mb12{ margin-bottom:4px;}


/* color */
.clRed{color:red;}
.clBlue{color:blue;}
.clGreen{color:green;}
.clYellow{color:yellow;}
.clWhite{color:white;}
.clBlack{color:black;}


/* display */
.dspBl{ display:block;}
.dspIn{ display:inline;}
.dspInBl{ display:inline-block;}
.dspInTa{ display:inline-table;}


/* 文字折り返し */
.wbAll{ word-break:break-all;}
.wwBreak{ word-wrap:break-word;}


/* background-color */
.bgcEEE{ background-color:#eeeeee;}

/* font-size */
.fs12{font-size:12pt !important;}
.fs14{font-size:14pt !important;}
.fs16{font-size:16pt !important;}
.fs18{font-size:18pt !important;}
.fs20{font-size:20pt !important;}

/* font-weight */
.fwB{font-weight:bold !important;}

/* float */
.flL{ float:left; !important;}
.flR{ float:right; !important;}
.clear{ clear:both; !important;}

.center{ text-align:center;}
.fwb{ font-weight:bold;}
/*****************************/



/* html Hack code:
****************************/
a.alpha:hover{ filter:Alpha(opacity=70); -moz-opacity: 0.70; opacity: 0.70;}
a.alpha:hover img{ filter:Alpha(opacity=70); -moz-opacity: 0.70; opacity: 0.70;}
a.alpha2:hover img{ filter:Alpha(opacity=85); -moz-opacity: 0.85; opacity: 0.85;}

.pkg:after { content:" "; display:block; visibility:hidden; clear:both; height:0.1px; font-size:0.1em; line-height:0;}
* html .pkg { display: inline-block; }
/* no ie mac \*/
* html .pkg { height: 1%; }
.pkg { display: block; }
/* */
*+html .pkg { height:1%;}
/*--------------------------------------------------------------------*/