@charset "utf-8";
@import "contact.css?v=2";

/*=====================================================================================
	
	Document    : common.css
	Description : 共通css PC用（幅900px以上）

	1-1. Header
	1-2. Nav
	1-3. Contents
	1-4. Footer
 
=====================================================================================*/

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

   1-1. Header

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

header {
	background-color:#fff;
	border-bottom:2px solid #bebebe;
	padding-top:25px;
}

.hd {
	max-width:1100px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}

.hd h1 {
	width:270px;
	padding-top:20px;
	float:left;
}


.hd .sns_nav {
    float: right;
    margin-top: 24px;
    margin-right: 26px;
}

.hd .sns_nav > ul {
	list-style:none;
}

.hd .sns_nav > ul > li {
	float:left;
    display: block;
    margin-right: 12px;
}

.hd .sns_nav > ul > li:last-child {
    margin-right: 0;
}

.hd .sns_nav > ul > li a {
	display:block;
    width: 32px;
    height: 32px;
    margin-top: 4px;
    overflow: hidden;
    text-indent: 200%;
    white-space: nowrap;
    background-size: contain;
    transition: 0.3s ease all;
}

.hd .sns_nav > ul > li:nth-child(1) a { background-image: url("../image/hd/sns/sns01_off.png") }
.hd .sns_nav > ul > li:nth-child(2) a { background-image: url("../image/hd/sns/sns05_off.png") }
.hd .sns_nav > ul > li:nth-child(3) a { background-image: url("../image/hd/sns/sns03_off.png") }
.hd .sns_nav > ul > li:nth-child(4) a { background-image: url("../image/hd/sns/sns04_off.png") }

.hd .sns_nav > ul > li a:hover {
    margin-top: 0px;
}

.hd .sns_nav > ul > li:nth-child(1) a:hover { background-image: url("../image/hd/sns/sns01_on.png") }
.hd .sns_nav > ul > li:nth-child(2) a:hover { background-image: url("../image/hd/sns/sns05_on.png") }
.hd .sns_nav > ul > li:nth-child(3) a:hover { background-image: url("../image/hd/sns/sns03_on.png") }
.hd .sns_nav > ul > li:nth-child(4) a:hover { background-image: url("../image/hd/sns/sns04_on.png") }

.hd address {
	width:174px;
	float:right;
}

@media screen and (max-width:1120px) {
	.hd h1 {
		padding-top:0;
		margin-left:2.7%;
	}

	.hd address {
		margin-right:2.7%;
	}
}

@media screen and (max-width:800px) {
    header {
        padding-top:4%;
        border-bottom:none;
        position:relative;
        z-index:999;
    }

    .hd {
        border-bottom:2px solid #bebebe;
        padding-bottom:4%;
    }

    .hd h1 {
        width:55%;
        margin-left:3%;
    }

    .hd .sns_nav {
        float: none;
        padding-top:4%;
        margin: 0;
        position: absolute;
        right: 170px;
        top: 20px;
    }

    .hd address {
        display:none;
    }
}

@media screen and (max-width:680px) {
    .hd h1 {
        width: 37.5%;
    }
}

@media screen and (max-width:640px) {    
    header {
        padding-top:4%;
        border-bottom:none;
        position:relative;
        z-index:999;
    }

    .hd {
        width: 100%;
        padding:0 3% 4%;
        border-bottom:2px solid #bebebe;
        box-sizing: border-box;
    }

    .hd address {
        display:none;
    }
    
    .hd h1 {
        width: 37.5%;
        margin-left: 0;
    }

    .hd .sns_nav {
        float: left;
        width: 32%;
        padding-top: 2%;
        margin-left: 4%;
        position: static;
        right: auto;
        top: auto;
    }

    .hd .sns_nav > ul > li {
        width: 23.5%;
        position: relative;
        margin-right: 2%;
    }

    .hd .sns_nav > ul > li:before {
        content:"";
        display: block;
        padding-top: 87.5%; 
    }
    
    .hd .sns_nav > ul > li a {
        width: 100%;
        height: auto;
        margin: 0;
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background-repeat: no-repeat;
    }    
}


/*-------------------------------------------------------
   PC-Nav
-------------------------------------------------------*/

.hd .pc-nav {
	clear:both;
	width:100%;
	height:35px;
	text-align:right;
	position:relative;
}

@media screen and (max-width:1120px) {
	.hd .pc-nav {
		padding-top:16px;
        width: 94.6%;
        margin:0 2.7%;
	}
}

.nav-line {
    position:absolute;
	bottom:-2px;
	left:0;
	width:0;
	border-bottom:2px solid #4d7cbf;
	font-size:0;
	line-height:0;
}

.hd .pc-nav > ul {
	list-style:none;
	text-align:left;
	/*margin-right:-18px;*/
	margin-left:8px;
}

.hd .pc-nav > ul > li {
	float:left;
	filter:alpha(opacity=40);
	opacity:0.4;
	-moz-opacity:0.4;
}

@media screen and (max-width:840px) {
	.hd .pc-nav {
        width: 100%;
        margin:0;
        text-align: center;
	}

    .hd .pc-nav > ul {
        margin-left:0;
    }

}

.hd .pc-nav > ul > li:hover,
.hd .pc-nav > ul > li.stay {
	filter:alpha(opacity=100);
	opacity:1;
	-moz-opacity:1;
    -webkit-transition:opacity 0.2s linear;
       -moz-transition:opacity 0.2s linear;
         -o-transition:opacity 0.2s linear;
            transition:opacity 0.2s linear;
}

.hd .pc-nav > ul > li a {
	display:block;
}

.sp-nav { display:none; }


/*-------------------------------------------------------
   SP-Nav
-------------------------------------------------------*/


@media screen and (max-width:800px) {
    .hd .pc-nav {
        display:none;
    }

    .sp-nav {
        display:block;
    }

    .sp-nav ul.bt {
        width:122px;
        position:absolute;
        top:0;
        right:20px;
        padding-top:4%;
    }

    .sp-nav .bt li {
        float:left;
        width:57px;
        text-align:center;
    }
    
    .sp-nav .bt li:first-child {
        margin-right: 8px;
    }


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

    .sp-nav .sp-menu {
        filter:alpha(opacity=0);
        opacity:0;
        -moz-opacity:0;
        width:100%;
        height:1px;
        visibility:hidden;

        position:absolute;

        /*position:relative;*/
        z-index:999;
        text-align:center;
    }

    .sp-menu ul {
        text-align:left;
		background-color: #fff;
    }

    .sp-menu a {
        text-decoration:none !important;
    }

    .sp-menu li {
        width:50%;
        float:left;
        background-color:#fff;
        border-bottom:1px solid #dcdcdc;
    }

    .sp-menu li:nth-child(odd) {
        border-left:1px solid #dcdcdc;
        margin-left:-1px;
    }
	/*
    .sp-menu li:last-child,
    .sp-menu li:nth-last-child(2) {
        border-bottom:none;
    }
	*/

    .sp-menu li a {
        padding:6% 20% 6% 6%;
        display:block;
        background:url(../image/lmS.png) no-repeat center right;
    }

    .sp-menu li a span {
        display:table-cell;
        vertical-align:middle;
    }

    .sp-menu li.ic-menu img {
        vertical-align:middle;
        margin-left:-60px;
    }

    .sp-menu li.ic-menu a {
        padding-left:60px;
    }

    .sp-menucl-bt {
        padding:3%;
        background-color:#b4b4b4;
        display:block;
        text-align:center;
    }

    .sp-menu li:nth-child(2) a:hover { color:#6c92d2 !important; }
    .sp-menu li:nth-child(3) a:hover { color:#e45257 !important; }
    .sp-menu li:nth-child(4) a:hover { color:#37b982 !important; }
    .sp-menu li:nth-child(5) a:hover { color:#f4b245 !important; }
    .sp-menu li:nth-child(6) a:hover { color:#7b7299 !important; }
    .sp-menu li:nth-child(7) a:hover { color:#59b7e6 !important; }
}

@media screen and (max-width:640px) {
    .sp-nav ul.bt {
        width:23%;
        position:absolute;
        top:0;
        right:3%;
        padding-top:3%;
    }

    .sp-nav .bt li {
        float:left;
        width:46%;
        text-align:center;
    }
    
    .sp-nav .bt li:first-child {
        margin-right:8%;
    }
}

@media screen and (max-width:480px) {
    .sp-menu li.ic-menu {
        width:100%;
        /*float:none:*/
    }

    .sp-menu li.ic-menu a {
        padding-top:3%;
        padding-bottom:3%;
    }
}


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

   1-3. Contents

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

.ct {
	max-width:1100px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}

@media screen and (max-width:1120px) {
	.ct {
		margin-left:2.7%;
		margin-right:2.7%;
		padding-top:1%;
	}
}

.side {
	width:22.72727%; /* 250px */
	float:left;
}

.main {
	width:73.63636%; /* 810px */
	float:right;
	padding-bottom:20px;
}

@media screen and (max-width:800px) {
	.side,
	.main {
		width:100%;
		float:none;
	}

	.side {
		margin-top:4%;
	}

	.main {
		padding-bottom:0;
	}
}

.hnone-box {
	text-align:center;
	border:1px solid #de7c7c;
	background-color:#ffeeee;
	padding:10px;
	margin-bottom:30px;
}



/*-------------------------------------------------------
   ページ説明
-------------------------------------------------------*/

@media screen and (min-width:801px) {
	.page-desc-pc {
		display: block;
	}
	.page-desc-sp {
		display: none;
	}
}
@media screen and (max-width:800px) {
	.page-desc-pc {
		display: none;
	}
	.page-desc-sp {
		font-weight: bold;
		margin-bottom: 0.75em;
		padding-bottom: 0.25em;
		color: #555;
		border-bottom: 1px solid #ccc;
	}
}

/*-------------------------------------------------------
   記事一覧上カテゴリー
-------------------------------------------------------*/

.listp-cate {
	overflow: hidden;
	margin-bottom: 20px;
	padding-top: 20px;
}

.listp-cate li {
	float: left;
	list-style: none;
	margin-right: 1em;
	margin-bottom: 0.5em;
}
.listp-cate li a {
	text-decoration:none;
	padding: 2px 6px;
}


/*-------------------------------------------------------
   ブログシステム　一覧
-------------------------------------------------------*/

/* 通常 */
.kiji-list.default {
	background:url(../image/dt-bg.gif) repeat left top;
	padding-left:2.222222%; /* 18px */
	padding-right:2.222222%;
	padding-bottom:2.222222%;
}
.kiji-list.default h2 {
	text-align:center;
	padding:25px 0 15px 0;
}
.kiji-list.default p.er {
	text-align:center;
	padding-top:10px;
	padding-bottom:30px;
}

/* ランキング用 */
.kiji-list.ranking-list {
	padding-left:2.222222%; /* 18px */
	padding-right:2.222222%;
	padding-bottom:2.222222%;	
	margin-top: 46px;
}
.kiji-list.ranking-list h3 {
	text-align:center;
	padding:25px 0 15px 0;
}
.kiji-list.ranking-list > .list li {
	box-sizing: border-box;
	border: 1px solid #ddd;
	box-shadow:3px 3px 0px -2px rgba(0,0,0,0.05);
}

/* リスト */
.kiji-list ul {
	list-style:none;
	margin-left:-0.77519%;
}

.kiji-list > .list li {
	width:32.55%; /* 254px */
	margin-left:0.77519%; /* 6px */
	margin-top:0.77519%;
	float:left;
	background-color:#fff;
}

.kiji-list > .list li .imgLiquid {
	max-width:100%;
	height:175px;
	overflow:hidden;
}

.kiji-list > .list li .yt { /* 動画をレスポンシブ表示、無駄な余白出さないようにパディング設定 */
	position: relative;
	width: 100%;
	padding-top: 56.25%;
	overflow: hidden;
}

.kiji-list > .list li .yt iframe { /* 親要素内100%で動画を表示する */
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
}

.kiji-list > .list li .yt_video { /* 親要素内100%でサムネイル画像を表示する */
	position: absolute;
	width:100%;
	height:auto;
	top:0;
}

.kiji-list > .list li .yt_video img { /* 親要素内100%でサムネイル画像を表示する */
	width:100%;
	height:auto;
	object-fit: contain;
}

.kiji-list > .list li .yt_video img:hover{ /* ホバー時にカーソル変える */
	cursor: pointer;
	width:100%;
	height:auto;
	box-sizing: border-box;
}

@media screen and (max-width:1000px) {
	.kiji-list > .list li .imgLiquid {
		height:145px;
	}
}

@media screen and (max-width:900px) {
	.kiji-list > .list li .imgLiquid {
		height:115px;
	}
}

.kiji-list > .list li a {
	display:block;
	padding:10px;
}

.kiji-list > .list li p {
	padding:10px 5px 5px 5px;
}

.kiji-list > .list li .cate {
	padding:2px 6px;
	margin-bottom:10px;
}

.kiji-list > .list li .count_box {
    float: right;
    margin-top: -1.5em;
	margin-bottom: 0.5em;
}

.kiji-list > .list li .count_box .com_count,
.kiji-list > .list li .count_box .reaction_count {
    float: left;
    text-align: center;
    margin-right: 6px;
}

.kiji-list > .list li .count_box .com_count span,
.kiji-list > .list li .count_box .reaction_count span {
    position: relative;
    display: inline-block;
    margin-bottom: 10px;
    padding: 2px 8px;
    color: #818181;
    font-size: 16px;
    background: #fafafa;
    box-shadow: 0px 3px 4px rgba(0,0,0,0.24);
    border-radius: 4px;
}

.kiji-list > .list li .count_box .com_count span:before,
.kiji-list > .list li .count_box .reaction_count span:before {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -6px;
    border: 6px solid transparent;
    border-top: 6px solid #fafafa;
}

.kiji-list > .list li .count_box .com_count img,
.kiji-list > .list li .count_box .reaction_count img {
    display: block;
    width: 16px;
    margin: 0 auto;
}


/*-------------------------------------------------------
   コラム・施工実績詳細
-------------------------------------------------------*/

.kiji-title {
	background:url(../image/dt-bg.gif) repeat left top;
	padding:15px;
}

.kiji-title .cate {
	padding:2px 6px;
	vertical-align:middle;
	margin-right:13px;
	margin-bottom:5px;
  text-decoration: none;
}


/*-------------------------------------------------------
   記事
-------------------------------------------------------*/

.kiji-box {
	padding-top:30px;
	padding-left:15px;
	padding-right:15px;
}

.kiji-box .photo-l {
	float:left;
	margin-right:25px;
	line-height:inherit;
}

.kiji-box .photo-r {
	float:right;
	margin-left:25px;
	line-height:inherit;
}

.kiji-box .photo-c {
	max-width:100% !important;
	display:block;
	text-align:center;
	padding-bottom:20px;
	line-height:inherit;
}


/* データファイル */
.datafile { margin-bottom:20px; }
.datafile img {
	vertical-align:middle;
	margin-right:10px;
}


/*-------------------------------------------------------
   記事見出し
-------------------------------------------------------*/

.or_md {
	border-left-width:8px;
	border-left-style:solid;
	padding-left:0.75em;
	margin-bottom:25px;
}

.or_mdic {
	margin-bottom:25px;
}
.or_mdic img {
	vertical-align:middle;
	margin-right:0.75em;
}


/*-------------------------------------------------------
   side サムネイル
-------------------------------------------------------*/

.sl-thumb {
	padding-bottom:10px;
}

.sl-thumb .dnone {
	padding-top:15px;
}

.sl-thumb h3,
.sl-thumb h4,
.sl-thumb h5,
.sl-thumb h6 {
	border-bottom:2px solid #b4b4b4;
	padding-top:20px;
	padding-bottom:10px;
}

.sl-thumb ul {
	list-style:none;
}

.sl-thumb li {
	border-bottom:1px solid #dcdcdc;
}

@media screen and (max-width:800px) {
	.sl-thumb li {
		background:url(../image/lmS.png) no-repeat center right;
	}
}

.sl-thumb li .imgLiquid {
	max-width:100%;
	height:60px;
	overflow:hidden;
}

.sl-thumb li:hover {
	background-color:#f5f5f5;
}

.sl-thumb li a {
	padding:5%;
	display:block;
    text-decoration: none;
}

.sl-thumb .thumb {
	width:80px;
	margin-right:15px;
	float:left;
	display:inline;
}

.sl-thumb p {
	margin-left:95px;
}

.sl-thumb p .cate {
	margin-bottom:5px;
	padding:2px 6px;
}

.sl-thumb .react {
    display: block;
    line-height: 1;
    margin: 0.5em 0 0.25em;
    color: #818181
}

.sl-thumb .react img {
    width: 16px;
    margin-right: 0.25em;
}

@media screen and (min-width:800px) and (max-width:1000px) {	
	.sl-thumb .thumb {
		width:60px;
		margin-right:12px;
	}
	
	.sl-thumb li .imgLiquid {
		height:45px;
	}

	.sl-thumb p {
		margin-left:72px;
	}
}

@media screen and (max-width:800px) {
	.sl-thumb li {
		background:url(../image/lmS.png) no-repeat center right;
	}

	.sl-thumb li a {
		padding:3% 10% 3% 3%;
	}
}


/*-------------------------------------------------------
   side 一覧
-------------------------------------------------------*/

.sl-list {
	padding-bottom:10px;
}

.sl-list .dnone {
	padding-top:15px;
}

.sl-list h3,
.sl-list h4,
.sl-list h5,
.sl-list h6 {
	border-bottom:2px solid #b4b4b4;
	padding-top:20px;
	padding-bottom:10px;
}

.sl-list ul {
	list-style:none;
}

.sl-list li {
	background-color:#f5f5f5;
	border-bottom:1px solid #dcdcdc;
}

.sl-list li:hover {
	background-color:#ebebeb;
}

.sl-list li a {
	padding:10px 35px 10px 15px;
	background:url(../image/lmS.png) no-repeat center right;
	display:block;
}


/*-------------------------------------------------------
   ページ見出し
-------------------------------------------------------*/

.pmd {
	margin-top:6px;
	background:url(../image/pmg-bg.gif) repeat-x left top;
	border-bottom:1px solid #dcdcdc;
	padding-top:8px;
}

.pmd .ct {
	max-width:1100px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}

.pmd .ct h1 {
	width: 22.72727%;
    float: left;
}
.pmd .ct h1.contactpmd {
	width: 100%;
}
.page-desc-pc {
	width: 73.63636%;
    float: right;
	color: #555;
	font-weight: bold;
	padding-top: 50px;
}
@media screen and (max-width:1120px) {
	.pmd .ct {
		margin-left:2.7%;
		margin-right:2.7%;
	}
	.page-desc-pc {
		padding-top: 40px;
	}
}
@media screen and (max-width:800px) {
	.pmd .ct h1 {
		width: 100%;
		float: none;
	}
}


/*-------------------------------------------------------
   パンくず
-------------------------------------------------------*/

.pan-line {
	margin-top:6px;
	background:url(../image/pmg-bg.gif) repeat-x left top;
	padding-top:8px;
}

.pan {
	max-width:1100px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	padding-top:20px;
	padding-bottom:20px;
}

@media screen and (max-width:1120px) {
	.pan {
		margin-left:2.7%;
		margin-right:2.7%;
		padding-top:1.5%;
		padding-bottom:1.5%;
	}
}


/*-------------------------------------------------------
   改ページ
-------------------------------------------------------*/

.kpage {
	list-style:none;
	text-align:center;
	padding:15px 0 10px 0;
}

.kpage li {
	display:inline-block;
	/display:inline;
	/zoom:1;
	text-align:center;
	margin:10px 4px 0 4px;
	background-color:#b4b4b4;
}

.kpage li a,
.kpage li a:visited,
.kpage li.now {
	display:-moz-inline-box;
	display:inline-block;
	/display:inline;
	/zoom:1;
	color:#fff;
	padding:4px 10px;
	line-height:1.4em;
	text-decoration:none;
	font-weight:normal;
}

.kpage li:hover {
	background-color:#c8c8c8;
}

.kpage li:hover a {
	color:#fff !important;
}

.kpage li.now,
.kpage li.now:hover {
	background-color:#507dc5 !important;
	color:#fff !important;
}


/*-------------------------------------------------------
   ページ移動
-------------------------------------------------------*/

.pmove {
	list-style:none;
	text-align:center;
	padding:30px 0 10px 0;
}

.pmove li {
	display:inline-block;
	/display:inline;
	/zoom:1;
	text-align:center;
	margin:10px 4px 0 4px;
	background-color:#b4b4b4;
	
}

.pmove li a,
.pmove li a:visited {
	display:-moz-inline-box;
	display:inline-block;
	/display:inline;
	/zoom:1;
	color:#fff;
	padding:6px 12px;
	line-height:1.4em;
	text-decoration:none;
}

.pmove li:hover {
	background-color:#c8c8c8;
}

.pmove li:hover a {
	color:#fff !important;
}


/*-------------------------------------------------------
   youtube iframe
-------------------------------------------------------*/

.iframeYoutube {
  display:inline-block;
  max-width:100% !important;
}

.iframeYoutube iframe {
  max-width:100%;
}


/*-------------------------------------------------------
   ボタン
-------------------------------------------------------*/

.cmn-bt {
  background-color:#f4b245;
  text-align:center;
  border-radius:4px;
  font-weight:bold;
  color:#fff;
  box-sizing:border-box;
  -webkit-transition:opacity 0.2s linear;
     -moz-transition:opacity 0.2s linear;
       -o-transition:opacity 0.2s linear;
          transition:opacity 0.2s linear;
}

.cmn-bt a {
  display:block;
  padding:0.85em 65px 0.85em 1em;
  background:url(../image/lmSe_whiteB.png) no-repeat right center;
  background-size:auto 24px;
  line-height:1.3;
}

.cmn-bt a,
.cmn-bt:visited
.cmn-bt:hover {
  color:#fff !important;
  text-decoration:none;
}

.cmn-bt:hover {
	filter:alpha(opacity=75);
	opacity:0.75;
	-moz-opacity:0.75;
}


.cmn-bt--w {
  border:1px solid #bbb;
  background:-moz-linear-gradient(top, #fff, #dcdcdc);
  background:-ms-linear-gradient(top, #fff, #dcdcdc);
  background:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc));
  text-align:center;
  border-radius:4px;
  font-weight:bold;
  box-sizing:border-box;
  -webkit-transition:opacity 0.2s linear;
     -moz-transition:opacity 0.2s linear;
       -o-transition:opacity 0.2s linear;
          transition:opacity 0.2s linear;
}

.cmn-bt--w a {
  display:block;
  padding:0.85em 65px 0.85em 1em;
  background:url(../image/nextB_off.png) no-repeat right center;
  background-size:auto 24px;
  line-height:1.3;
}

.cmn-bt--w a,
.cmn-bt--w:visited
.cmn-bt--w:hover {
  color:inherit !important;
  text-decoration:none;
}

.cmn-bt--w:hover {
	filter:alpha(opacity=75);
	opacity:0.75;
	-moz-opacity:0.75;
}


.cmn-bt img,
.cmn-bt--w img {
  vertical-align:middle;
}

@media screen and (max-width:767px) {
  .cmn-bt,
  .cmn-bt--w {
    font-size:150%;
    font-size:3vw;
  }
}


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

   ページ下部　お問い合わせ

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

.contactB {
	max-width:1100px;
	margin-left:auto;
	margin-right:auto;
	margin-top:2.7%;
	list-style:none;
	background:url(../upload/images/contactB-bg-pc.gif) no-repeat left top;
	-moz-background-size:100% auto;
	background-size:100% auto;
}

@media screen and (max-width:1120px) {
	.contactB {
		margin-left:2.7%;
		margin-right:2.7%;
	}
}

.contactB ul {
	list-style:none;
	margin-left:2.72727%;
	margin-right:2.72727%;
	padding-top:2.72727%;
	padding-bottom:2.72727%;
}

.contactB li {
	float:left;
}

.contactB li:first-child {
	width:56.73076%;
}

.contactB li:last-child {
	width:43.26923%;
}


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

   1-4. Footer

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

footer {
	background-color:#f5f5f5;
	margin-top:50px;
}

@media screen and (max-width:1120px) {
	footer {
		margin-top:4%;
	}
}


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

footer .ic-menu {
	border-top:1px solid #dcdcdc;
	border-bottom:1px solid #dcdcdc;
	background-color:#fff;
	padding:12px 2%;
	text-align:center;
}

footer .ic-menu ul {
	max-width:1100px;
	margin-left:auto;
	margin-right:auto;
}

footer .ic-menu li {
	display:-moz-inline-box;
	display:inline-block;
	/display:inline;
	/zoom:1;
	margin:10px;
}

footer .ic-menu li:first-child {
	display:none;
}

footer .ic-menu li img {
	vertical-align:middle;
}

footer a,
footer a:visited {
	text-decoration:none;
}

footer a:hover {
	text-decoration:underline;
}

footer .ic-menu li:nth-child(2) a:hover { color:#6c92d2 !important; }
footer .ic-menu li:nth-child(3) a:hover { color:#e45257 !important; }
footer .ic-menu li:nth-child(4) a:hover { color:#37b982 !important; }
footer .ic-menu li:nth-child(5) a:hover { color:#f4b245 !important; }
footer .ic-menu li:nth-child(6) a:hover { color:#7b7299 !important; }
footer .ic-menu li:nth-child(7) a:hover { color:#59b7e6 !important; }


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

footer .list-menu {
	padding:25px 2% 20px 2%;
}

footer .list-menu li {
	display:-moz-inline-box;
	display:inline-block;
	/display:inline;
	/zoom:1;
	margin:0 5px;
	padding-right:24px;
	background:url(../image/ft/line.gif) no-repeat right center;
}

footer .list-menu li:last-child {
	background:none;
	padding-right:0;
}


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

.ft {
	max-width:1100px;
	margin-left:auto;
	margin-right:auto;
	padding-bottom:30px;
}

@media screen and (max-width:1120px) {
	.ft {
		margin-left:2.7%;
		margin-right:2.7%;
	}
}

.ft p {
	display:none;
}

.ft .cname {
	width:550px;
	height:45px;
	float:left;
}

.ft .copy {
	width:387px;
	height:13px;
	float:right;
	margin-top:32px;
	background:url(../image/ft/copy.png) no-repeat left top;
}

@media screen and (max-width:1000px) {
	.ft .copy {
		width:263px;
		background:url(../image/ft/copyS.png) no-repeat left top;
	}
}

@media screen and (max-width:840px) {
	.ft {
		padding-top:5px;
	}
	
	.ft .cname,
	.ft .copy {
		float:none;
		margin-left:auto;
		margin-right:auto;
	}
	
	.ft .copy {
		margin-top:20px;
	}
}


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

   ft-fixed-area

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

.ft-fixed-area {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
}

.up {
	position:fixed;
	right:10px;
	bottom:10px;
	z-index:90;
	width:50px;
	height:50px;
	background-image:url(../image/ft/up.png);
	background-repeat:no-repeat;
	background-position:0 0;
	font-size:0;
	line-height:0;
  opacity: 0;
  visibility: hidden;
  transition: .2s;
}

.up:hover {
	background-image:url(../image/ft/up-on.png);
}

.up a {
	width:100%;
	height:100%;
	display:block;
	text-decoration:none;
	background-image:url(../image/ft/up.png);
	background-repeat:no-repeat;
	background-position:0 -60px; 
}

.ie67 .up { display:none; }

.contact-link {
  display: none;
}

.ft-fixed-area .is-active {
  opacity: 1;
  visibility: visible;
}