body {
font-size:14px;
}
header {
width:100%;
height:58px;
background-image:url(../img/common/bg_header.png);
background-size:15px auto;
position:absolute;
left:0;
top:0;
z-index:20000;
box-sizing:border-box;
}
header h1{
position:absolute;
left:10px;
top:0;
width:200px;
height:58px;
margin:0;
padding:0;
}
header h1 a{
display:block;
width:200px;
height:58px;
text-indent:100%;
white-space:nowrap;
overflow:hidden;
background:url(../img/common/logo_sp.png) no-repeat;
background-size:200px auto;
}

#menu {
margin:0;
padding:0;
list-styale-type:none;
display: none;
position:absolute;
left:0;
top:58px;
width:100%;
max-width:100%;
-webkit-box-shadow: 0px 5px 5px 0px rgba(50, 50, 50, 0.3);
-moz-box-shadow:    0px 5px 5px 0px rgba(50, 50, 50, 0.3);
box-shadow:         0px 5px 5px 0px rgba(50, 50, 50, 0.3);
}
#menu li {
width: 100%;
text-align:center;
font-size:15px;
margin:0;
height:40px;
border-bottom:1px solid #b2b2b2;
}
#menu li {
height:40px;
}
#menu li a{
text-align:center;
display:block;
width: 100%;
height:100%;
text-decoration:none;
background-image:url(../img/common/sp_menu_bg_off.png);
line-height:40px;
font-family: 'Muli', sans-serif;
}
#menu li a.current,
#menu li a:hover{
background-image:url(../img/common/sp_menu_bg_on.png);
}


#toggle {
display: block;
position:absolute;
right:0;
top:0;
width: 40px;
height:40px;

}
#toggle a{
display: block;
width: 40px;
height:40px;
text-indent:100%;
white-space:nowrap;
overflow:hidden;
background:url(../img/common/toggle.png);
background-size:40px auto;
background-position:center top;
background-repeat:no-repeat;
}
#toggle a.opened{
background:url(../img/common/toggle_close.png);
background-size:40px auto;
background-position:center top;
background-repeat:no-repeat;
}

#mainSlide {
margin-top:58px;
}


/*a.pageLink {
display:inline-block;
padding-top:50px;
margin-top:-50px;
height:1px;
line-height:0;
}*/


#footer{
margin-top:25px;
}

#footer h1 {
text-align:center;
font-weight:normal;
font-size:11px;
border-bottom:1px solid #707070;
font-family:"ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;

}

#copyright {
text-align:center;
padding:0 0;
font-size:12px;
color:#666666;
}

#copyright img{
margin-bottom:22px;
width:300px;
height:9px;
}


#pagetop {
display:block;
width:45px;
height:45px;
position:fixed;
right:15px;
bottom:100px;
z-index:1000;
}
#pagetop img{
width:45px;
height:45px;
opacity:1;
filter:alpha(opacity=1);
}
#pagetop:hover img{
opacity:0.6;
filter:alpha(opacity=60);
}

table,
p {
font-size:13px;
}

.container {
width:90%;
margin:0 auto;
position:relative;
}

.title {
height:13px;
width:auto;
margin:28px 0 26px 0;
}
.title_news{
background-image:url(../img/common/title_news.png);
background-size:auto 13px;
background-repeat:no-repeat;
text-indent:100%;
white-space:nowrap;
overflow:hidden;
}



.date {
clear:both;
width:100%;
height:20px;
}

.date h3 {
font-size:13px;
font-family: sans-serif !important;
font-weight:normal;
margin:0;
float:left;
width:150px;
line-height:20px;
}


.newsLine {
border-bottom:1px solid #e0e1e1;
padding-bottom:7px;
margin-bottom:50px;

}

.newsLine {
border-bottom:1px solid #e0e1e1;
padding-bottom:5px;
margin-bottom:25px;
clear:both;
}
.newsLine img{
width:100%;
height:auto;
}
.cat {
display:block;
width:70px;
height:20px;
float:right;
background-size:70px auto;
background-repeat:no-repeat;
background-position:0 100%;
text-indent:100%;
white-space:nowrap;
overflow:hidden;
}
.cat_works {
background-image:url(../img/common/cat_works.png);
}
.cat_publishing {
background-image:url(../img/common/cat_publishing.png);
}
.cat_news {
background-image:url(../img/common/cat_news.png);
}
.cat_about {
background-image:url(../img/common/cat_about.png);
}
.cat_company {
background-image:url(../img/common/cat_contact.png);
}


#information h2 {
font-size:13px;
font-weight:normal;
margin:0;
font-family:"ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
#information p {
margin:0 0 1.5em 0;
}


/*****worksList*****/

.t_works,
.t_about.png,
.t_news.png,
.t_publishing.png,
.t_contact.png {
width:82px;
height:21px;
background-size:82px auto;
background-repeat:no-repeat;
background-position:0 100%;
text-indent:100%;
white-space:nowrap;
overflow:hidden;
}

.selectNav {
display:block;

}
.t_works {
background-image:url(../img/common/t_works.png);
}
.t_about {
background-image:url(../img/common/t_about.png);
}
.t_news {
background-image:url(../img/common/t_news.png);
}
.t_publishing {
background-image:url(../img/common/t_publishing.png);
}
.t_contact {
background-image:url(../img/common/t_contact.png);
}

/*****worksList*****/
.worksNav {
width:100%;
font-family:"ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-size:14px;
}
.worksNav ul,
.worksNav li{
list-style-type:none;
margin:0;
padding:0;
}

.worksNav li{
list-style-type:none;
margin:0 0 22px 0;
border-bottom:1px solid #dddddd;
padding:10px;
}
.worksNav li a{
color:#474747;
}
.worksNav li a.current,
.worksNav li a:hover{
color:#999999;
text-decoration:none;
}
.worksNav li a.current {
cursor:default;
}
.worksNav li span{
display:block;
font-size:13px;
}

.cols {
width:100%;
}




.col {
width:29%;
float:left;
margin:2%;
}
.col img{
width:100%;
height:auto;
}
.col h3{
font-family:"ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-size:10px;
margin:0 0 0 0;
padding:0;
font-weight:normal;
}

@media only screen and (max-width: 414px) {
	.col {
	width:46%;
	float:left;
	margin:2%;
	}
	.col img{
	width:100%;
	height:auto;
	}
	.col h3{
	font-family:"ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size:10px;
	margin:0 0 0 0;
	padding:0;
	font-weight:normal;
	}

}


#worksList {
margin-top:75px;
}


.selectNav {
font-family:"ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-size:14px;
display:block;
border:1px solid #dddddd;
padding:10px;
margin:0 0 20px 0;
background-image:url(../img/common/downArrow.png);
background-size:20px auto;
background-repeat:no-repeat;
background-position:95% 50%;
}

.selectNav.nowOpen {
background-image:url(../img/common/upArrow.png);
}


/*works 詳細ページ設定*/

.ph_keep,
.ph_full {
width:100%;
text-align:center;
margin:20px auto;
}
.ph_keep img,
.ph_full img{
width:100%;
height:auto;
}
.ph_tate {
width:100%;
text-align:center;
margin:10px auto;
}
.ph_tate img{
width:60%;
height:auto;
}

.snsBox {
padding-top:10px;
}

/**************snsBox
.snsBox {
width:100%;
text-align:right;
}
.snsBox:before, .snsBox:after {
  content: " ";
  display: table;
}
.snsBox:after {
  clear: both;
}************/


/* ----------pagenation---------- */
.pagenation{
	text-align: center;
	font-size: 13px;
	margin: 60px auto 30px auto;
}

.pagenation span,
.pagenation a:link,
.pagenation a:visited{
	width: 25px;
	height: 25px;
	display: inline-block;
	line-height: 25px;
	border: 1px dotted #999;	
}
.pagenation a:hover,
.pagenation a:active,
.pagenation a:focus{
	color: #fff;
	text-decoration: none;
	background-color: #666;
	border: 1px solid #666;		
}

.pagenation span.current,
.pagenation a.current{
	color: #fff;
	text-decoration: none;
	background-color: #666;
	border: 1px solid #666;		
}

/*固定ページ用およびヒストリーバック*/

.page {
margin-top:100px;
}

.back {
/*text-align:right;*/
margin:20px auto 0 auto;
width:94%;
}
.back.back02 {
/*text-align:right;*/
margin:20px auto 0 auto;
width:94%;
}
.back a{
display:inline-block;
width:23px;
height:15px;
background-image:url(../img/common/back.png);
background-size:23px auto;
background-repeat:no-repeat;
background-position:0 100%;
text-indent:100%;
white-space:nowrap;
overflow:hidden;
}

.fullBlock {
width:100%;
}
.fullBlock:before, .fullBlock:after {
  content: " ";
  display: table;
}
.fullBlock:after {
  clear: both;
}

.sp_image img{
width:100%;
height:auto;
max-width:100%;
}



.publishingLine {
margin-bottom:2em;
}
.publishingLine .thumb{
width:100px;
margin:0 auto;
}
.publishingLine .thumb img{
width:100%;
height:auto;
}

#worksdetail_ph img {
width:100%;
height:auto;
}


.about_ph {
width:148px;
}
.about_ph img{
width:100%;
height:auto;
}


.publishingLine .thumb {
    margin: 0;
    width: 100px;
}

/****修正対応*****/
body {
margin-top:58px;
}
#tab {
margin:0;
padding:0;
}
/*#tab li {
width:175px;
float:left;
opacity:1;
list-style-type:none;
font-size: 13px;
margin:0 20px 0 0;
padding:0;
}*/

#tab li {
width:46%;
float:left;
opacity:1;
list-style-type:none;
font-size: 13px;
margin:2%;
max-width:186px;
}


#tab li img{
width:100%;
height:auto;
}
.about_ph {
display:none;
}
.disnon {
display:none;
}
.sp_none {
display:none;
}
#tab li.select {
opacity:1;
}


.mail_txt_img {
height:12px;
width:auto;
}