@charset "UTF-8";
@media screen and (min-width: 641px) {
#nav {
	display: none;
}
}
 
/* smartPhone */
@media screen and (max-width: 640px) {
/* header */
#header {
	padding: 10px 0px 0px;
}
#header-inner {
	width: 100%;
}
.header-sub{
	display:none;
}
  .header-main {
    float: none;
  }
.header-main a img {
	width: 40%;
  margin: 0 auto 10px;
  display: block;
}

/* gloval menu */
#menu_main01 {
	display: none;
}

#nav{
    float:left;
	border-bottom: 2px solid #ccc;
}
#nav ul {
	list-style: none;
}
#nav li{
	text-align:center;
	position:relative;
	float:left;
    width:14%;
	border-right: 1px dotted #ccc;
}
#nav li:last-child {
	border-right: none;
}
#nav a{
    text-decoration:none;
    color:#595757;
}
#nav li a{
	display:block;
	height:33px;
	font-size:12px;
}
#nav li a img {
	width: 100%;
}
#nav .children-1 a,
#nav .children-2 a{
	height: 30px;
	line-height: 30px;
	width: 100%;
	background: #C80E47;
	color: #fff;
	border-top: 1px solid #D8D7CA;
}

#nav .children-2 a{
	width:100%;
}

#nav li .children-1 li,
#nav li .children-2 li{
	width:150px;
}

#nav li .children-1{
	display:none;
	position:absolute;
	top:33px;
	left:0px;
	width:100%;
	z-index: 999;
}

#nav .child01 {
	left: -100px !important;
}

#nav li .children-1 li .children-2{
	display:none;
	position:absolute;
	top:0px;
	left:150px;
	width:100%;
}

#nav li:hover .children-1{
	display:block;
}

#nav .children-1 li:hover .children-2{
	display:block;
}

/* slider */
.slider {
	margin-bottom: 10px;
}
.slick-slider {
	width: 100% !important;
	height: auto !important;
	padding-bottom: 0px !important;
}
.slick-slide img {
	width: 100%;
	height: auto;
}
.slick-prev, .slick-next {
	display:none !important;
}

/* main */
#container {
	overflow-x: hidden;
}
#main-inner {
	width: 100%;
	padding-left: 15px;
    padding-right: 15px;
	box-sizing: border-box;
}

/* topics */
.topics {
	background: none;
	margin: 0px 0px 20px;
}
.topics-news {
	width: 20%;
}
.topics-text {
    width: 75%;
	height: 30px;
	background: #EBEBED;
	box-sizing: border-box;
}
.ticker {
	width: 100% !important;
}
.ticker ul li a {
	width: 90%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis; /* Opera9,10対応 */
}

/* pickup */
.pickup h2 {
	margin-bottom: 10px;
}
.pickup h2 img {
	width: 50%;
    height: auto;
}
.ul_pickup01 li {
	width: 30%;
	margin: 0px 13px 0px 0px;
}
.ul_pickup01 li img {
	width: 100%;
	height: auto;
}

/* 制作事例 */
.ul_works01 {
	padding: 10px;
}
.ul_works01 li {
	width: 50%;
	margin: 0;
}
.ul_works01 li a {
	padding: 5px;
}
.ul_works01 li a .imgarea {
	width: 100%;
	height: 130px;
}
.ul_works01 li a .imgarea img {
	width: 100%;
	height: auto;
}
.ul_works01 li a h3 {
	font-size: 13px;
	padding: 5px 0px;
	width: 90%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis; /* Opera9,10対応 */
}
  
  .works01 {
    width: 100%;
    padding: 0;
  }
  .works01 .ul_works01 {
    padding: 10px;
  }
  .works01 .ul_works01 li {
    width: 32.6%;
  }
  .works01  .ul_works01 li a .imgarea {
    height: 70px !important;
  }

/* 事例広告 */
  .zirei {
    width: 100%;
  }
.ul_zirei01 li {
	width: 100%;
	margin: 0;
}
.ul_zirei01 li a .img {
	width: 50%;
	height: auto;
  padding-right: 10px;
  margin: 0;
}
  .ul_zirei01 li a h3 {
    margin: 15px 0 0;
  }
.ul_zirei01 li a img {
	width: 100%;
	height: auto;
}
.ul_zirei01 li a .text {
	padding: 10px;
}

/* バナーエリア */
.banner1 img {
	width: 100%;
	height: auto;
}

/* ブログ */
.blog {
	margin: 0;
}
.blog-background {
	width: 100%;
    padding: 10px;
    box-sizing: border-box;
}
.ul_blog01 li {
	width: 30%;
}
.ul_blog01 li a {
	width: 100%;
	height: auto;
}
.ul_blog01 li a .img {
	width: 100%;
	height: 70px;
}
.ul_blog01 li a .img img {
	width: 100%;
}
.ul_blog01 li a .cat , .ul_blog01 li a .date , .ul_blog01 li a .text {
	display: none;
}

/* バナーエリア */
.banner2 {
	display:none;
}

/* お問い合わせ */
.contact {
	margin: 0px;
}
.contact img {
	max-width: 100%;
	height: auto;
}

/* フッター */
.gotoparea01 {
	width: 100%;
	margin: 10px auto 0px;
}
#footer-inner {
	width: 100%;
}
.footer-main {
	width: 100%;
	padding: 0px 15px;
}
.footermenu01 .section {
	width: 50%;
}
.footermenu01 .section li a {
	margin: 0 0 5px;
	font-size: 12px;
}
.footermenu01 .section li ul {
	display: none;
}
.footer-sub {
	width: 100%;
    float: left;
	margin: 10px 15px;
}
.bnrarea01 li {
	float:left;
	margin-right: 10px;
}
.footer-bottom {
	padding: 20px 15px 50px;
}
.copy p {
	font-size: 12px;
}

/* 内部ページ */
.bread01 {
	margin-top: 15px;
}

.main01 {
	width: 100%;
	float:none;
	display: inline-block;
}
.sub01 {
	display: none;
}
.web-sub01 {
	display: none;
}

.contarea01 {
	font-size: 14px;
}
.contarea01 img {
	max-width: 100% !important;
	height: auto !important;
}
.web-main01 {
	width: 100%;
}

#base-content h3 {
	font-size: 20px;
	margin: 0px;
}
#base-content p {
	margin: 0;
	font-size: 14px;
}
#base-content ul {
	margin-left: 20px;
	font-size: 14px;
}

/* レスポンシブ テーブル */
.main01 table {
    display: block;
    position: relative;
	width: 100% !important;
	margin: 20px 0px;
}
.main01 table tbody th {
	white-space: nowrap;
}
.main01 table tbody {
    display: block;
    width: auto;
    position: relative;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}
.table-border01 table {
    border: none;
}
.table-border01 table td, table th {
	border: none;
}
.table-border01 table img {
	width: auto !important;
	margin: 0 auto;
}
  
/* 023ページ */
.contarea01 .slick-slider {
	/* display: none !important; */
}

/* 制作実績一覧ページ */
.ul_works02 li {
	width: 45%
}
.ul_works02 li a {
	height: 250px;
}
.ul_works02 li a p.works02 {
	font-size: 10px;
}
.ul_works02 li a .imgarea {
	width: 100%;
    height: auto;
}
.ul_works02 li a p.works01 {
	font-size: 12px;
}

.tb-works img {
	width: auto !important;
}
table.tb-works td img {
	display:none;
}

.ul_worksrelated01 li {
	width: 47%;
}
.ul_worksrelated01 li a {
	height: auto;
}

/* web制作ページ */
.ul_works03 {
	padding: 0px;
}
.ul_works03 li {
	width: 47%;
	padding: 5px;
}
.ul_works03 li a {
	padding: 5px;
	height: 140px;
}
.ul_works03 li a .imgarea {
	height: 100px;
}
.ul_works03 li a .text {
	white-space: nowrap;
	width: 100%;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
}
.contarea01 .max-width {
	width: auto !important;
}

/* 新着情報 */
.main01 ol li a {
	display: block;
}

/* スライダー */
.works-wrap {
	width: 100% !important;
	height: auto !important;
	margin: 0;
}
.zero23-wrap {
	width: 100% !important;
	height: auto !important;
	margin-left: 0 !important;
}

/* 制作実績ページ */
.ul_works04 li {
	width: 47%;
	height: auto;
}
.ul_works04 li a {
	height: auto;
}
.ul_works04 li a .imgarea {
	width: 100%;
}
.ul_works04 li a .text {
	font-size: 13px;
}
.ul_works04 li a p.works01 {
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}
.ul_works04 li a p.works02 {
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}

/* 関連記事 */
.ul_webrelated01 {
	margin: 0;
}
.ul_webrelated01 li {
	width: 45%;
	padding: 5px;
	margin: 3px;
}
.ul_webrelated01 li a {
	width: 100%;
	height: auto;
	box-sizing: border-box;
	border: 2px solid #CACAC8;
	box-shadow:none;
}
.ul_webrelated01 li a .img {
	width: auto;
	border: none;
}
.ul_webrelated01 li a .text {
	padding: 5px;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}
}
@media screen and (max-width: 350px) {
	.ul_zirei01 li a .text {
    height: 130px;
	}
}