@charset "utf-8";

/* Table Of Contents
----------------------------------------

# content
# profile
# work
# about
# clearfix

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


/* # content
---------------------------------------------------------------------------- */

div#content div.section {
	clear: both;
}

div#content dl.diary dt {
	font-size: 16px;
	font-weight: bold;
	padding-top: 35px;
}

div#content dl.diary dt.first {
	padding-top: 0;
}

div#content dl.diary dd {
	background: url(../../common/images/bg_dot.gif) repeat-x left bottom;
	margin: -2em 0 0;
	padding: 0 0 2.6em 18em;
}

div#content dl.diary dd h3 {
	font-size: 17px;
	font-weight: bold;
	padding-bottom: 7px;
}

ul.pagerLink {
	margin-top: 30px;
	text-align: center;	
}

ul.pagerLink li {
	display: inline;
}

ul.pagerLink li a {
	color: #000;
	border: 1px solid #000;
	display: inline-block;
	height: 23px;
	margin-right: 1px;
	padding: 5px 0 0 0;
	text-align: center;
	text-decoration: none;
	width: 28px;
}

ul.pagerLink li a:hover {
	border: 3px solid #000;
	height: 21px;
	padding: 3px 0 0 0;
	width: 24px;
}

ul.pagerLink li.active a {
	background: #000;
	color: #fff;
	font-weight: bold;
}

div.textBox {
	line-height: 2.3;
}

div.textBox p.imageStyle {
	float: left;
	padding: 7px 40px 20px 0;
}

/* # profile
---------------------------------------------------------------------------- */

div.profile {
	position: relative;
}

div.profile div {
	position: absolute;
	top: 43px;
	right: 29px;
}

div.profile div h3 {
	padding-bottom: 29px;
}

@media screen and (max-width: 959px) {
	div.profile .image img{ width:100%;}
	div.profile div { width:42%;right:4%; top:11%;}
	div.profile div h3{ padding-bottom:15px;}
	div.profile div h3 img{ width:90%;}
	div.profile div p img{ width:100%;}
	
}
@media screen and (max-width: 559px) {
	div.profile {
		box-sizing: border-box;padding:5px;
		background:url(/common/images/bg_img.gif);
	}
	div.profile .image{
		display:block; width:100%;height:70vw; padding:0;
		background:url(/profile/images/img_profile01.jpg) left top / 201% no-repeat;
	}
	div.profile .image img{ display: none;}
	div.profile div {
		width:100%;
		box-sizing:border-box; padding:8%;
		position:static;
		background:rgba(0,0,0,0.8);
	}
	div.profile div p img{ width:100%;}
}

div.block {
	padding-top: 50px;
	line-height: 2.3;
}

div.blockInner {
	background: url(../../common/images/bg_dot.gif) repeat-x left bottom;
	clear: both;
	margin-bottom: 30px;
	padding-bottom: 31px;
}

div.blockLast {
	background: none;
	margin-bottom: 0;
	padding-bottom: 0;
}

div.blockInner .imageLeft {
	display: inline;
	float: left;
}

div.blockInner .imageRight {
	display: inline;
	float: right;
}

div.blockInner div.blockRight {
	display: inline;
	float: right;
	width: 363px;
}

div.blockInner div.blockLeft {
	display: inline;
	float: left;
	width: 363px;
}

div.blockInner h3 {
	padding: 11px 0 15px;
}

@media screen and (max-width: 959px) {
	div.blockInner .image img{ width:100%;}
	div.blockInner p.imageLeft,
	div.blockInner p.imageRight,
	div.blockInner div.blockLeft,
	div.blockInner div.blockRight { width:48%; line-height:1.8;}
div.blockInner h3 {
	padding: 0 0 15px;
}
	
}
@media screen and (max-width: 559px) {
	div.block {padding-top:6vw;}
	div.blockInner .image{ box-sizing: border-box; width:100%; }
	div.blockInner .imageLeft { display:block;}
	div.blockInner p.imageLeft,
	div.blockInner p.imageRight,
	div.blockInner div.blockLeft,
	div.blockInner div.blockRight { width:100%;}
	div.blockLast{ display: flex; flex-direction: column-reverse }
div.blockInner h3 {
	padding: 11px 0 15px;
}
}

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

p.leadText {
	line-height: 2.3;
	padding-bottom: 42px;
}

ul#tabList {
	background: url(../../common/images/bg_img.gif) repeat left top;
	clear: both;
	display: inline-block;
	padding: 5px;
	width: 778px;
}

ul#tabList li {
	cursor: pointer;
	display: inline;
	float: left;
	height: 50px;
	text-indent: -9999px;
	width: 389px;
}

ul#tabList li.tab01 {
	background: url(../images/btn_tab01.gif) no-repeat 0 0;
}

ul#tabList li.tab01Over,
ul#tabList li.tab01Stay {
	background: url(../images/btn_tab01_o.gif) no-repeat 0 0;
}

ul#tabList li.tab02 {
	background: url(../images/btn_tab02.gif) no-repeat 0 0;
}

ul#tabList li.tab02Over,
ul#tabList li.tab02Stay {
	background: url(../images/btn_tab02_o.gif) no-repeat 0 0;
}

div.tabContent {
	clear: both;
	width: 788px;
}

div.hide {
	display: none;
	overflow: hidden;
	width: 0;
}

div.show {
	clear: left;
	position: relative;
	width: 788px;
	z-index: 50;
}

.firstStay {
	background: url(../common/images/btn_tab01_o.gif) no-repeat 0 0;
	cursor: pointer;
	height: 50px;
	left: 5px;
	position: absolute;
	top: -46px;
	width: 389px;
}

ul.productList {
	clear: both;
	margin: -9px -40px 0 0;
	width: 828px;
}

ul.productList li {
	display: inline;
	float: left;
	margin: 39px 40px 0 0;
	width: 374px;
}

ul.productList li ul {
	margin: 6px 0 0;
}

ul.productList li ul li {
	display: block;
	float: none;
	margin: 2px 0 0;
	width: auto;
}

ul.productList li ul li span {
	color: #9ab11f;
	font-weight: bold;
	padding-right: 7px;
}


/* # about
---------------------------------------------------------------------------- */

div#content div.sectionInner div.aboutBlock {
	position: relative;
	width: 788px;
}

div#content div.sectionInner div.aboutBlock ul {
	color: #fff;
	position: absolute;
	top: 42px;
	right: 32px;
	width: 330px;
}

div#content div.sectionInner div.aboutBlock ul li {
	padding-bottom: 12px;
	width: auto;
}

div#content div.sectionInner div.aboutBlock ul li.textStyle {
	padding-left: 56px;
	text-indent: -56px;
}

div#content div.sectionInner div.aboutBlock ul li span {
	color: #c1dd27;
}

div#content div.sectionInner div.aboutBlock ul li a {
	color: #fff;
	text-decoration: none;
}

div#content div.sectionInner div.aboutBlock ul li a:hover {
	text-decoration: underline;
}

div#content div.sectionInner h3.sHeadAbout {
	padding: 30px 0 10px;
}

div#content div.sectionInner dl.about {
	background: url(../../common/images/bg_dot.gif) repeat-x left top;
}

div#content div.sectionInner dl.about dt {
	font-weight: bold;
	padding-top: 10px;
}

div#content div.sectionInner dl.about dd {
	background: url(../../common/images/bg_dot.gif) repeat-x left bottom;
	line-height: 2.3;
	margin: -1.8em 0 0;
	padding: 0 0 0.6em 9em;
}

div#content div.sectionInner dl.about dd.last {
	background: none;
	padding: 0 0 0 9em;
}


/* # clearfix
---------------------------------------------------------------------------- */

ul#tabList,
div.blockInner,
ul.productList,
div.textBox {
	zoom: 1;
}

ul#tabList:after,
div.blockInner:after,
ul.productList:after,
div.textBox:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	line-height: 0;
	visibility: hidden;
}