@charset "UTF-8";

/* ------------------------------------------------------------------
setting
-------------------------------------------------------------------*/

/* 横スクロール　はみ出し防止 */
html{ overflow: auto; }
body{ overflow: hidden; min-width: 100%; }

.br-pc { display:block; }

a:link {
  color: #333;
  text-decoration: none;
}

a:visited {
  color: #333;
  text-decoration: none;
}

a:hover {
  color: #333;
  text-decoration: none;
}

a img {
  border-width: 0px;
  border-style: none;
  border-color: #fff;
  background: transparent;
}

p{
  line-height: 150%;
  font-size: 14px;
  text-align: left;
  color: #333;
  overflow: hidden;/* 画像の下に回り込み無し */
}

h2, h3 { line-height: 150%; padding: 0 0 10px 0;}
h2{ font-size: 20px }
h3{ font-size: 18px }
h4{ line-height: 140%; padding: 0 0 10px 0;}

.br-sp { display:none; }

body{
  font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  line-height:1.7;
  font-size:14px;
  background: none repeat scroll 0 0 #FFFFFF;
  color: #333333;
  text-align:left;
}

/* ------------------------------------------------------------------
pagetop btn
-------------------------------------------------------------------*/

.page-top{ /* ページトップボタン　初期値 */
  display: none;
}

.page-top_on{
  display: block;
  z-index: 999;
  width: 60px;
  height: 60px;
  position: fixed;
  bottom: 30px;
  right: 80px;
}

.page-top_on_bottom{  /*ブラウザ固定解除後　配置位置*/
  position: absolute;
  bottom: 275px;
  right: 80px;
}

.page-top a {
  background: #FFF;
  text-decoration: none;
  width: 60px;
  height: 60px;
  padding: 0;
  text-align: center;
  display: block;
  border-radius: 50%;
  border: 2px solid #68c11a;


  /* ボーダー内側 */
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;


  background-image: url(../images/arrow_page_top.png); background-repeat: no-repeat; background-size: 19px 19px; background-position: center left 18px; /* 背景波画像 */
}

.page-top a:hover {
    text-decoration: none;
}

/* ------------------------------------------------------------------
wrapper
-------------------------------------------------------------------*/

#wrapper{
  width:100%;
}


/* ------------------------------------------------------------------
kotei_nav_area　固定ナビ
-------------------------------------------------------------------*/
.kotei_nav_area{
  position:fixed;
  top:100px;
  right:0px;
  z-index:999;
}

.menu-trigger {margin: 14px 0 0 14px;}  /* reset ハンバーガーメニュー位置 */

.kotei_box{
  width:30px;
  font-size:15px;
  color: #FFF;
  cursor: pointer;
  cursor: hand;

  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;

  writing-mode:vertical-rl;/* 縦書き 右から左 */
  writing-mode:tb-rl;/* IE */
  -webkit-writing-mode: vertical-rl;
  text-orientation:upright;
}

.kotei_nav_block{
  display: none;
}

.btn_box_faq{
  margin: 0;
  background-color: #95cf24;
  width:60px;
  line-height:60px;
}

.btn_box_faq a{
  color: #FFF;
  display: block; width: 100%; height: 100%; /*ボタンヒットエリア*/
  padding:18px 0 18px 0;
}

.btn_box_contact{
  margin: 0;
  background: #c8742a;
  width:60px;
  line-height:60px;
}

.btn_box_contact a{
  color: #FFF;
  display: block; width: 100%; height: 100%; /*ボタンヒットエリア*/
  padding:18px 0 18px 0;
}

/* ------------------------------------------------------------------
header
-------------------------------------------------------------------*/

#header{
  width:100%;
  padding: 0 0 60px 0;
  background-image: url(../images/header_bg.png); background-repeat: repeat-x; background-position: bottom; /* 背景波画像 */
}

.header-inner{
  background-color: #643100;
  position:relative; overflow:hidden; width:100%; height:44; /* 野菜画像　コンテンツ幅より大きな画像をセンター配置 */
}

.header_yasai{
  position:absolute; left:50%; width:1089px; height:44px; margin-left:-544px; /* 野菜画像　コンテンツ幅より大きな画像をセンター配置 */
}

h1 img{
  display: block;
  margin: 0 auto 0 auto;
  padding: 0 0 0 0;
  width: 384px;
  height: 95px;
}

.read img{
  display: block;
  margin: 0 auto 0 auto;
  padding: 20px 0 0 0;
  width: 603px;
  height: 61px;
}

.logo_electrodream img{
  display: block;
  margin: 0 auto 0 auto;
  padding: 15px 0 0 0;
  width: 161px;
  height: 25px;
}

/* ------------------------------------------------------------------
intro1
-------------------------------------------------------------------*/

#intro1{
  width: 100%;
  background-color: #fcf6e9;
  padding: 0 0 50px 0;
  background-image: url(../images/intro_bg.png); background-repeat: repeat-x; background-position: bottom; /* 背景波画像 */
}

.intro1-inner{
  overflow: hidden;
  max-width:980px;
  padding: 10px 0 0 0;
  margin: 0 auto;
}

.icon_web_yasai img{
  display: block;
  margin: 0 auto 0 auto;
  padding: 20px 0 0 0;
  width: 82px;
  height: 59px;
}

h2{   /* intro1 */
  color: #813f00;
  padding-top: 20px;
  text-align: center;
}

.text_brown{
  color: #813f00;
  text-align: center;
}

/* ------------------------------------------------------------------
intro2
-------------------------------------------------------------------*/
#intro2{
  background-color: #FFF;
  overflow: hidden;
  padding: 10px 0 120px 0;
  background-image: url(../images/navi_bg_top.png); background-repeat: repeat-x; background-position: bottom; /* 背景波画像 */
}

.intro2-inner{
  margin: 0 auto;
  padding: 40px 0 0 0;
  max-width: 980px;
  overflow: hidden;
  clear: both;
}

.intro2_photo{
  float: left;
}

.intro2_photo img{
  width: 471px;
  height: auto;
}

.intro2_text_box{
  float: right;
  width: 470px;
}

.reverse_photo{
 float: right;
}

.reverse_text{
 float: left;
}

/* ------------------------------------------------------------------
gnav
-------------------------------------------------------------------*/
#gnav{
  overflow: hidden;
  background-color: #d1ea8f;
  padding: 0 0 30px 0;
  background-image: url(../images/gnav_bg_bottom.png); background-repeat: repeat-x; background-position: bottom; /* 背景波画像 */
}

.gnav-title{
  color: #FFF;
  font-weight: bold;
  font-size: 18px;
  width: 400px;
  margin: 0 auto;

  padding: 6px 0;
  text-decoration: none;
  display: block;
  text-align: center;
  background: #8ccf44;

  border-radius: 30px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
}

.gnav-btn_box{
  width: 980px;
  margin: 0 auto 30px auto;

  /* 左右均等分布 */
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;

}

/* flexbox 最後のカラムを左寄せ（横4列の場合）*/
.gnav-btn_box::before{ content:""; display: block; width: 230px; order:1; }
.gnav-btn_box::after{ content:""; display: block; width: 230px; }


.gnav-btn{
  /*width: 230px;*/ /* 4列 */
  width: 313px;     /* 3列 */
  margin: 20px 0 0 0;
  background-color: #FFF;
  text-align: center;
  line-height: 150%;

　/* テキスト上下左右中央配置 */
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;      /*上下中央*/
  align-items: center;              /*上下中央*/
  -webkit-justify-content: center;  /*左右中央*/
  justify-content: center;          /*左右中央*/

  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;

  background-image: url(../images/gnav_arrow.png); background-repeat: no-repeat; background-size: 23px 23px; background-position: bottom 10px center; /* 背景波画像 */

}

.gnav-btn a{
  display: block; width: 100%;  /*ヒットエリア*/
  padding: 30px 0 50px 0;       /*ヒットエリア*/
  font-size: 18px;
  line-height: 140%;
  font-weight: bold;
  color: #813f00;
}

.gnav-btn_mini {
  width: 480px;   /* 2列 */
  /*padding: 10px 0 10px 0;*/
  background-image: url(../images/gnav_arrow.png); background-repeat: no-repeat; background-size: 23px 23px; background-position: center right 15px; /* 背景波画像 */
}

.gnav-btn_mini a{
  display: block; width: 100%;  /*ヒットエリア*/
  font-size: 16px;
  padding: 18px 45px 18px 45px;
}

.small{
  font-size: 14px;
}

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

#works_title_area{
  padding: 65px 0 70px 0;
  overflow: hidden;
  background-color: #FFF;
  text-align: center; /* 子要素（inline-block）中央寄せ */
}

#works_title_area h2{ /* 制作事例 */
  padding: 0 0 3px 0;
  font-size: 26px;
  display:inline-block; border-bottom: solid 4px #b2d740; /* タイトル下線 */
}

.case_title_area{
  background-image: url(../images/work_title_bg_top_white.png); background-repeat: repeat-x; background-position: top; /* 背景波画像 */
  overflow: visible;
  margin: 0 0 -18px 0 ;
  text-align: center; /* リード（inline-block）中央寄せ */
  font-size: 38px;
  background-color: #643100;
}

.case_title-inner {
  width: 600px;
  margin: 0 auto 0 auto;
  padding: 55px 0 0 0;
}

.circle{
  position: relative;
  top:-55px;
  left:40px;
  display: block;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background: #b57639;
}

.circle span{
  font-size: 14px;
  line-height: 140%;
  font-weight: bold;
  color: #FFF;
  text-align:center;
  position: absolute;
  display: inline-block;
  left: 0;
  top: 53%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width :100px;
}

.case_title_area h3{
  margin: -80px 0 0 0;
  padding: 0 0 0 0;
  color: #FFF;
  font-size: 38px;
}

.case_title_area img{
  display: block;
  margin: 0 auto;
}

.tit_nougyou{ width: 262px; }
.tit_shizen-tane{ width: 199px; }
.tit_eco-no-sato{ width: 232px; }

.case_read{
  position: relative;
  top: 25px;
  color: #813f00;
  font-weight: bold;
  font-size: 18px;
  margin: 0 auto;

  padding: 12px 40px;
  text-decoration: none;
  display: inline-block;
  text-align: center;
  background-color: #FFF;

  border-radius: 30px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
}

.case_main{
  background-color: #f1eada;
  padding: 0 0 50px 0;
}

/* ------------------------------------------------------------------
case_main
-------------------------------------------------------------------*/

.thumb_area{
	width: 980px;
	padding: 70px 0 0 0;
	margin: 0 auto;

  /* 左右均等分布 */
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.thumb_pc img{ width: 750px;  margin-bottom: 20px}
.thumb_sp img{ width: 210px; margin-bottom: 20px}

.thumb{
  box-shadow: 0px 8px 10px 3.2px rgba(0, 0, 0, 0.15);  
  /*水平、垂直、距離、広がり*/
}

.btn_pc{
	width: 210px;
	height: 50px;
  background-color: #d7bd79;

  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;

  background-image: url(../images/icon_blank.png); background-repeat: no-repeat; background-size: 13px 11px; background-position: top 18px right 10px; /* 背景波画像 */
}

.btn_pc a{
  width: 100%; height: 100%; /*ボタンヒットエリア*/

  font-size: 13px;
  font-weight: normal;
  color:#FFF;

  /* テキスト上下左右中央配置 */
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center; justify-content: center; /*左右中央*/
  -webkit-align-items: center; align-items: center;         /*上下中央*/
}

.project_color { 
  background-color: #f3e9b1; 
  background-image: url(../images/icon_blank_brown.png); background-repeat: no-repeat; background-size: 13px 11px; background-position: center right 10px; /* 背景波画像 */
}
.project_color a{ color: #774711; }

.qr_code {
	width: 50px;
}

.qr_code img {
  width: 100%;
}

/* サムネの下のボタンと、QRコードセンター */
.work_center{ margin: 0 auto;}


/* ------------------------------------------------------------------
feature summary
-------------------------------------------------------------------*/

.feature_summary{
  overflow: hidden;
  width: 980px;
  margin: 30px auto 0 auto;
  padding: 15px 15px 12px 50px;
  box-sizing:border-box;
  background-color: #FFF;
}

.feature_summary ul {
  width: 670px;
  overflow: hidden;
  /*background-color: #333;*/
  margin: 0 auto;
  clear: both;
}

.feature_summary li {
  float: left;
  width: 310px;
  /*background-color: #CCC;*/
  font-size: 15px;
  font-weight: bold;
  line-height: 150%;
  padding: 3px 0px 3px 25px;
  box-sizing: border-box;
  background-image: url(../images/marker_feature.png); background-repeat: no-repeat; background-size: 15px 12px; background-position: top 7px left;
}

/* ------------------------------------------------------------------
feature
-------------------------------------------------------------------*/

.feature{
  width: 980px;
  margin: 0 auto;

  /* 左右均等分布 */
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.point{
  margin: 10px 0 0 0;
  box-sizing: border-box;
  padding: 20px;
  background-color: #FFF;
  width: 485px;
  overflow: hidden;

　/* アイコン + テキストボックス flexbox */
  display: -webkit-flex;
  display: flex;

}

.icon_point{
/* アイコン + テキストボックス flexbox */
/* アイコンは固定幅 */
  text-align: center;
  width: 58px;
  height: 58px;
  padding: 0 20px 0 0;
}

.icon_point img{
  padding: 3px 0 0 0;
  width:auto;
  height:auto;
  max-width:100%;
  max-height:100%;
}

.txt_box_point{
  /* アイコン + テキストボックス flexbox */
  /* テキストエリアは、右側スペースに収める（可変） */
  -webkit-flex: 1;
  flex: 1;
}

.tit_point{
  font-size: 16px;
  font-weight: bold;
}

/* ------------------------------------------------------------------
orner comment
-------------------------------------------------------------------*/
.orner_area{
  margin: 20px auto 0 auto;
  width: 700px;

  /* 左右均等分布 */
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;

  /* 子要素　上下中央配置 */
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.orner_img{
  padding: 0 25px 0 0;
  width: 120px;
}

.orner_img img{
  width: 120px;
  height: 120px;
}

.orner_comment{
  /* 吹き出し幅可変 */
  -webkit-flex: 1;  flex: 1;
  font-size: 14px;
  background: #FFF;
  position: relative;
  display: inline-block;
  box-sizing: border-box;
  margin: 0;
  padding: 25px;
  border: 3px solid #e8cf9d;
  border-radius: 15px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
}

/* アイコンを左に表示 */
.orner_comment::before{
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  left: -18px;
  top: 62px;
  border-right: 18px solid #e8cf9d;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
}

.orner_comment::after{
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  left: -13px;
  top: 62px;
  border-right: 18px solid #FFF;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
}

.orner_comment p {
  margin: 0;
  padding: 0;
}

.orner_comment span{
  font-weight: bold;
  display: block;   /* 右寄せ用 */
  text-align: right;
}
/* ------------------------------------------------------------------
contact_middle
-------------------------------------------------------------------*/
.contact_middle{
  background-color: #FFF;
  width: 100%;
  padding: 60px 0;
}

.contact_btn_box{

  /* 左右均等分布 */
  display: -webkit-flex;
  display: flex;

  /* 子要素　上下中央配置 */
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;

  -webkit-justify-content: center;  /*左右中央*/
  justify-content: center;          /*左右中央*/
}

.faq_btn{
  margin: 0 20px 0 20px;
  text-align: center;
  width: 240px;
  background-color: #95cf24;

  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;

   /* テキスト上下左右中央配置 */
  display: -webkit-flex;
  display: flex;

  background-image: url(../images/icon_arrow_right.png); background-repeat: no-repeat; background-size: 23px 23px; background-position: center right 15px; /* 背景波画像 */
}

.faq_btn a{
  width: 100%; height: 100%; /*ボタンヒットエリア*/
  box-sizing: border-box;
  padding: 20px;

  color: #FFF;
  line-height: 140%;
}

.contact_btn{
    margin: 0 20px 0 20px;
  text-align: center;
  width: 320px;
  background-color: #85480e;
  /*background: #c8742a;*/

  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;

 /* テキスト上下左右中央配置 */
  display: -webkit-flex;
  display: flex;

  background-image: url(../images/icon_arrow_right.png); background-repeat: no-repeat; background-size: 23px 23px; background-position: center right 15px; /* 背景波画像 */
}

.contact_btn a{
  width: 100%; height: 100%; /*ボタンヒットエリア*/
  box-sizing: border-box;
  padding: 20px;

  color: #FFF;
  line-height: 150%;
  font-size: 16px;
  

}

/* ------------------------------------------------------------------
project_support
-------------------------------------------------------------------*/

#project_support{
  background-color: #f1eada;
  background-image: url(../images/support_title_bg_top.png); background-repeat: repeat-x; background-position: top; /* 背景波画像 */
}

#project_support_title_area{
  padding: 70px 0 40px 0;
  overflow: hidden;
  text-align: center; /* 子要素（inline-block）中央寄せ */
}

#project_support_title_area h2{ /*プロジェクトサポート*/
  font-size: 26px;
  padding: 30px 0 2px 0;
  display:inline-block; border-bottom: solid 4px #b2d740; /* タイトル下線 */
}

.project_support_main{
  width: 980px;
  margin: 0 auto;
  padding: 0 0 70px 0;
}

.support_container{
  margin: 0 0 30px 0;
}

.support_title_area{  /* 案件タイトル　エリア */
  height: 70px;
  background-color: #68c11a;

　/* アイコン + テキストボックス flexbox */
  display: -webkit-flex;
  display: flex;
}

.circle_support{
  position: relative;
  top:-5px;
  left:0px;
  display: block;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background: #00972e;
  margin: 0 0 0 30px;
}

.circle_support span{
  font-size: 12px;
  line-height: 140%;
  color: #FFF;
  text-align:center;
  position: absolute;
  display: inline-block;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width :80px;
}

.support_title_area h3{   /* 案件タイトル */
  font-size: 24px;
  color: #FFF;
  padding: 0 0 0 20px;
  text-align: left;
  /* アイコン + テキストボックス flexbox */
  /* テキストエリアは、右側スペースに収める（可変） */
  -webkit-flex: 1;
  flex: 1;

  /* テキスト上下左右中央配置 */
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;      /*上下中央*/
}

.support_title_area h3 span{
  font-size: 20px;
}

.project_support-inner{
  background-color: #FFF;
  padding: 30px 30px 20px 30px;
　/* 写真 + 右側コンテンツ flexbox */
  display: -webkit-flex;
  display: flex;
}

.support_photo{
  width: 180px;
}

.support_photo img{
 width: 100%;
}

.support_right_area{
  margin: -10px 0 0 0;
  padding: 0 0 10px 20px ;
  /* 写真 + 右側コンテンツ flexbox */
  /* テキストエリアは、右側スペースに収める（可変） */
  -webkit-flex: 1;
  flex: 1;
}

.support_right_area p{
  margin: 10px 0 10px 10px ;
}

.support_column_group {
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;

}
.support_column {
  display:inline-block; border: solid 4px #b2d740; /* ワク */
  box-sizing: border-box;
  flex: 0 1 calc((100% / 2) - 10px);              /* ３つ以上の個数時　幅揃え */
  padding: 5px 10px 15px 5px;
  margin-top: 10px;
  margin-left: 10px;
}
.support_column p{
  font-size: 16px;
  font-weight:bold;
}

.support_btn_box{
/* WEBサイトへ移動ボタン + QRコード flexbox */
  margin: 0 auto;
  padding: 10px 0 0 0;
  width: 280px;

  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
}

.dummy{
  height: 0;
  visibility: hidden;
  box-sizing: border-box;
  display:inline-block; border: solid 4px #FFF; /* ワク */
}

.dummy-inner{
  margin: 0;
  padding: 0;
  width: 280px; /*support_btn_boxと同じ幅*/
  height: 0;
  background-color: #000;
}


/* ------------------------------------------------------------------
contact_bottom
-------------------------------------------------------------------*/
.contact_bottom{
  position: relative; /*pagetop absolute*/
  width: 100%;
  padding: 50px 0 20px 0;
  background-color: #FFF;
}

.contact_bottom-inner{
	padding: 0 0 0 0;
	width: 980px;
	margin: 0 auto;
}

.contact_bottom-inner p{
	color: #813f00;
	text-align: center;
  padding: 0 0 30px 0;
}

#contact_title_area{
  text-align: center;        /* 子要素（inline-block）中央寄せ */
  margin: 0 0 20px 0 ;
}

#contact_title_area h2{     /* よくあるご質問ご質問・お問い合わせ */
  font-size: 26px;
  display:inline-block; border-bottom: solid 4px #b2d740; /* タイトル下線 */
  padding: 0 0 3px 0;
}

.electrodream_box{;
	padding: 30px 0 0 0;
  width: 300px;
  margin: 0 auto;

  /* 左右均等分布 */
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  flex-direction: row;


  /* 子要素　上下中央配置 */
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.logo_electrodream_footer{
	width: 227px;
	height: 35px;
}

.logo_electrodream_footer img{
	width: 227px;
	height: 35px;
}

.qr_code_fooer {
	width: 50px;
}

.qr_code_fooer img{
  	width: 50px;
}

/* ------------------------------------------------------------------
footer
-------------------------------------------------------------------*/

.footer_box{
	width:100%;
}

.footer_navi{
	background-color: #FFF;
	width: 100%;
}

.footer_navi ul{
	display:-webkit-box;
	display:flex;
	padding: 0 0 0 20px;
}


.footer_navi li{
	font-size: 12px;
	text-align: left;
	padding: 0 30px 10px 0;
}

.footer_navi li a{
　color: #333;
}

#footer{
  max-width:980px;
  margin-right: auto;
  margin-left : auto;
  background-color: #aaa;
}

.bottom_box {
  padding: 20px 0 0 0;
	background-color: #f1f1f1;

    /* 左右均等分布 */
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
}

.copylight{
  padding: 0 20px 0 0;
}

.copylight span{
	font-size: 12px;
	color: #999;
}

/* ------------------------------------------------------------------
sns copylight
-------------------------------------------------------------------*/

.sns_foot{
  padding: 0 0 0 20px;
  height: 50px;
}

.sns_head{  /* 上部SNSボタン */
  padding: 55px 0 0 20px;
  width: 980px;
  margin: 0 auto;
  height: 30px;
  text-align: right;
}

.facebook, .twitter, .g-plus{
  display: inline-block;
  vertical-align: top;
}

.facebook {
  margin: 0 0 0 0;
  padding: 2px 20px 0 0;
  overflow: hidden;
}

.twitter {
  margin: 0 0 0 0;
  padding: 2px 20px 0 0;
}

.facebook, .twitter, .g-plus{
}