@charset "utf-8";
/* ---------------
　　　共用
--------------- */
body {
	line-height: 1.8;
	font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Sans-serif;
	color: #333;
	margin-top: 0;
}
}
@media screen and (max-width: 768px) {
  body {
    border-top: solid 5px #333333;
  }
}
/* リンク設定 全体にtransitionかけてます */
/* a{
	margin:0;
	padding:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
	text-decoration: none;
	color: #666666;

	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all  0.2s ease-in-out;
} */
/* a:visited {
  color: #666666;
  text-decoration: none;
} */
/* a:active {
  color: #F8C16F;
  text-decoration: none;
} */
/* a:hover {
  color: #000;
  text-decoration: none;
} */
address {
  font-style: normal;
}

a:hover img{
	filter: alpha(opacity=80);
  opacity:0.8;
}

h2 img,
h3 img{
vertical-align: bottom;
}

/* スライダー矢印調整 */
.bx-controls-direction a{
	-webkit-transition: all 0s ease-in-out;
	-moz-transition: all 0s ease-in-out;
	-o-transition: all 0s ease-in-out;
	transition: all  0s ease-in-out;
}

/* Newアイコン */
span.new{
	color: #FFF;
	background: #EFD6AD;
	padding: 2px 8px;
	margin-right: 10px;
	border-radius: 40px;

	width: 26px;
	font-size: 12px;
	text-align: center;
	font-weight: bold;
	}

@media only screen and (min-width: 0px) and (max-width:480px) {
/* モバイル用表示 */
.mobile_hide{
display: none;
}
}

/* ---------------
レイアウト関連
--------------- */
/* コンテンツ全体 */
#wrapper {
  width: 980px;
  margin: 0 auto;
  padding: 0 0 0 20px;
}
/* ヘッダ */
#headWrapper {
  padding-bottom: 1em;
  background: #FFFFFF;
}
/* メインカラム */
#main {
  float: right;
  width: 740px;
  margin: 20px 0;
  padding: 0;
  text-align: left;
}

.acms-container {
    margin-left: auto;
    margin-right: auto;
    max-width: 980px;
    padding-left: 10px;
    padding-right: 10px;
}

/* サブカラム */
#sub {
  float: left;
  width: 220px;
  margin: 20px 0 0 0;
  padding: 0;
  text-align: left;
}
  .acms-col-3.sub {
    padding-right: 0;
  }


/* _________________________________________________ フッタ */
#footWrapper {
  clear: both;
	margin: 5em auto 1em;
  padding: 0;
  background: #FFFFFF;
  text-align: center;
  zoom: 1;
  width: 980px;
}

#footer {
	text-align: left;
	background: none repeat scroll 0 0 #F5F5F5;
	border-radius: 100px;
	font-size: 14px;
	margin: 0 0 1em 0;
	padding: 2em 4em;
	position: relative;
	text-shadow: 1px 1px 0 #FFFFFF;
	width: 90%;
	float: left;
}

@media screen and (max-width: 768px) {
#footWrapper {
  width: auto;
}
#footWrapper #footer {
			text-align: left;
			background: none repeat scroll 0 0 #F5F5F5;
			border-radius: 0px;
			margin: 0;
			padding: 2em;
			position: relative;
			text-shadow: 1px 1px 0 #FFFFFF;
			width: auto;
			float: left;
	}
#footer .acms-col-5{
			width: 100%;
			float: left;
			padding-bottom: 1em;
	}
#footer .acms-col-7{
			width: 100%;
			float: left;
	}

}

#footer #gotop a img{
    position: absolute;
    right: 40px;
    top: -40px;

	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	transition: all  0.2s ease-in;
}

#footer #gotop a:hover img{
    position: absolute;
    right: 40px;
    top: -30px;
				opacity: 1;

	-webkit-transition: all 0.6s ease-in;
	-moz-transition: all 0.6s ease-in;
	-o-transition: all 0.6s ease-in;
	transition: all  0.6s ease-in;
}

@media only screen and (min-width: 0px) and (max-width:480px) {
/* モバイル用表示 */
#footer #gotop a img{
    position: absolute;
    right: 0;
    bottom: 0;
}
#footer #gotop a:hover img{
    position: absolute;
    right: 0;
    bottom: 0;
}
}


/* 右下ナビ */
#foot_nav {
	float: left;
}

#foot_nav ul {
margin: 0 0 0 2em;
padding: 0;
	list-style: none;
}

#foot_nav li {
	background: url(/prx/000/http/fuwhat.com/themes/fuwhat2014/images/arrow_gray.png) no-repeat 0px 8px;
	padding-left: 10px;
	margin-right: 1em;
}


/* ____________________________________________　SNSボタン　　　*/
/*
#foot_sns {
    float: left;
    width: 400px;
}
*/
#foot_sns .foot_r_sns {
    float: left;
    margin-left: 10px;
}

@media only screen and (min-width: 0px) and (max-width:480px) {
/* モバイル用表示 */
#foot_sns .foot_r_sns {
    float: none;
    margin-left: 10px;
}
}

iframe.twitter-share-button.twitter-count-vertical {
    width: 66px !important;
}

/* SNS */
.entry p.snsBtn {
	margin: 5px 20px 0 0;
}

.sns_entryfoot{
float: left;
padding: 0 10px 0 0;
margin: 0;
}

/* はてブ位置調整 */
.sns_entryfoot .hatena-bookmark-button-frame{
padding: 3px 0 0 0;
}

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


/* ソーシャルボタン周り */

iframe.twitter-share-button {
    width: 105px !important;
}
ul.snsbtn {
overflow: hidden;
margin: 0px;
padding: 0px;
}
ul.snsbtn li {
list-style-type: none;
float: left;
margin-right: 0px;
}
.snsbtn li.hatebtn {
margin-right: 20px;
}
.snsbtn iframe {
margin: 0 !important;
}


/* _________________________________________________ヘッダ */
/*  サイトタイトル #siteTitle　*/
#siteTitle {
  float: left;
  margin: 0;
  padding: 0 0 20px 0;
}
#siteTitle img {
  padding: 17px 0 0 0;
  vertical-align: bottom;
}
@media screen and (max-width: 768px) {
  #siteTitle img {
    width: auto;
    height: auto;
  }
}

#siteName {
  width: 500px;
  margin: 20px 0 0 0;
}
@media screen and (max-width: 768px) {
  #siteName {
    width: auto;
    font-size: 16px;
    font-size: 1.6rem;
  }
}

#siteName img {
  margin: -10px 0 0 0;
  vertical-align: middle;
}

#siteCaption {
font-size: 14px;
font-weight: normal;
display: inline-block;
}

#siteName h1 {
    margin: 0;
}

.kanribtn{
	background-color: #E9E9E9;
	font-size: 12px;
}

/* 右上ブログバナー */
#headWrapper .mp0{
margin: 0;
padding: 0;
}


/* ■■■■■ ヘッダーナビ # headNavi　*/
#headNavi {
  display: block;
  list-style: none;
  float: right;
  width: 400px;
  margin: 20px 0 0 0;
  padding: 0;
  text-align: right;
}
#headNavi li {
  float: right;
  padding: 0 0 0 30px;
}

/* ■■■■■ グローバルナビ .acms-navbar2 　*/
.acms-navbar2 {
  clear: both;
  width: 100%;
  height: 60px;
  margin: 0 0 2em 0;
  list-style: none outside none;
  z-index: 20;
}

.acms-navbar2 ul {
  margin: 0 auto;
  padding: 0;
  display: block;
  width: 980px;
  list-style: none;
}

.acms-navbar2 li {
	float: left;
		width: 24%;
		margin-right: 1%;
}

.acms-navbar2 li:last-child  {
		margin-right: 0;
}

.acms-navbar2 a:link,
.acms-navbar2 a:visited,
.acms-navbar2 a:hover,
.acms-navbar2 a:active,
.acms-navbar2 #viewing {
	display: block;

	height: 60px;
	padding: 0 30px;
	font-size: 14px;

	line-height: 4.5;
	border-radius:0.6em;
	border: 2px solid #F0F0F0;
	color: #555;
text-align: center;
}

/* ナビ色 */
.fgnav1 a:hover{	border: 2px solid #F7D0D0;}
.fgnav2 a:hover{	border: 2px solid #F1E4AF;}
.fgnav3 a:hover{	border: 2px solid #CCF3C0;}
.fgnav4 a:hover{	border: 2px solid #C4EEEB;}

/* ナビ色サイドから出てくるところ */
.acms-show-sp .fgnav1 a:hover,
.acms-show-sp .fgnav2 a:hover,
.acms-show-sp .fgnav3 a:hover,
.acms-show-sp .fgnav4 a:hover{	border: none;}



/* 文字空け */
.fgnav2 {letter-spacing: 0.1em;}
.fgnav3 {letter-spacing: 0.1em;}

.acms-navbar2 a:hover,
.acms-navbar2 #viewing {
  text-decoration: none;
  color: #000;
}
.acms-navbar2 .stay a,
.acms-navbar2 a:active {
  background: #f8f8f8;
}
.acms-navbar2 #viewing {
  background: #EEEEEE;
}
.acms-navbar2 li {
  position: relative;
  top: 0;
  float: left;
  white-space: nowrap;
}
/*
.acms-navbar2 li:last-child {
  border-right: solid 1px #CCC;
}
*/
.acms-navbar2 ul ul {
  display: none;
  position: absolute;
  top: 60px;
  left: 0;
  width: auto;
  padding: 0;
  z-index: 10;
}
.acms-navbar2 ul ul li {
  position: relative;
  clear: left;
  width: 100%;
  height: 40px;
  border-left: none;
  border-right: none;
  font-size: 14px;
}
.acms-navbar2 ul ul a {
  *width: 240px;
  height: 40px !important;
  padding: 0 20px;
  border-top: solid 1px #333333;
  border-bottom: solid 1px #999999;
  background: #333333;
  font-size: 14px;
  *overflow: visible;
  line-height: 3.0 !important;
}
.acms-navbar2 ul ul a:hover {
  background-color: #808080;
}
.acms-navbar2 ul li.stay ul a {
  box-shadow: 0 0 0 rgba(0, 0, 0, 0.5);
  background-color: #333333;
}
.acms-navbar2 ul li.stay ul a:hover {
  background-color: #808080;
}
.acms-navbar2 ul ul ul {
  position: absolute;
  top: 0;
  left: 100%;
  width: 100%;
}
.acms-navbar2 ul ul ul a {
  background: #222222;
  border-top: solid 1px #333333;
  border-bottom: solid 1px #999999;
}
.acms-navbar2 ul li:hover > ul {
  display: block;
}
* + html .acms-navbar2 ul li ul a {
  /*IE用*/
  width: 200px;
  /*（94-10-10-1-1）パディングとボーダーの分を引いた値*/
  white-space: normal;
  /*幅に応じて改行*/
}
@media screen and (max-width: 768px) {
  .acms-navbar2 {
    display: none;
  }
}
.acms-show-sp .acms-sidebar2 {
  display: none;
}


/* ■■■■■ メインイメージ #topImage 　*/
#topImage {
  text-align: left;
}
/* ■■■■■ トピックパス #topicpath 　*/
#topicpath {
  margin: 30px 0 0 0;
  padding: 5px 30px;
  background: #d9d9d9;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  _text-align: left;
  /* for ie6 */
}
#topicpath li,
#topicpath li a,
#topicpath li:before {
  color: #006dd9;
}
@media screen and (max-width: 768px) {
  #topicpath {
    padding: 5px 10px;
    border-radius: 0;
  }
}
/* ■■■■■ カテゴリー見出し #categoryH1 　*/
#categoryH1 {
  margin: 0 0 30px 0;
  padding: 15px 30px;
  background-color: #FFFFFF;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  color: #333333;
  font-size: 24 px;
  font-size: 2.4rem;
  _text-align: left;
  /* for ie6 */
}
@media screen and (max-width: 768px) {
  #categoryH1 {
    margin: 0 0 15px;
    padding: 15px 10px;
    border-radius: 0;
    font-size: 16 px;
    font-size: 1.6rem;
  }
}
/* ---------------
　bxslider
--------------- */
@media screen and (max-width: 768px) {
  .bx-viewport,
  .bx-wrapper img {
    height: auto !important;
  }
}

/* スライダーかぶせimg */
.acms-container .bxslider-wrap{
position: relative;
max-height: 360px;
overflow: hidden;
}
.acms-container .bxslider-wrap img.bxkabuse{
position: absolute;
top: -15px;
left: 0;
z-index: 998;
width: 100%;
}

/* スライダーかぶせimg カメラ */
.acms-container .bxslider-wrap img.bxkabuse2{
position: absolute;
bottom: 20px;
right: 0;
z-index: 999;
}
.acms-container .bxslider-wrap a:hover img.bxkabuse2{
opacity: 1;
}

.acms-container .bx-wrapper .bx-viewport {
  width: auto !important;
  max-width: 955px;
  border-radius: 5px;
  left: 0 !important;
  box-shadow:none;
  border: none;
}
.bx-wrapper .bx-prev {
  left: 20px!important;
}
.bx-wrapper .bx-next {
  right: 20px!important;
}

.bx-wrapper img {
width: 100%;
}

/* ---------------
　メイン
--------------- */
/* ■■■■■ メインエリア共通 　*/
.mainModuleBox {
  margin: 0 0 30px 0;
  padding-bottom: 10px;
  border-radius: 5px;
  background: #d9d9d9;
}
.mainModuleBox h2 {
  margin: 0 20px 5px 0;
  padding: 15px 20px 10px;
  font-size: 16 px;
  font-size: 1.6rem;
  text-align: left;
}
.mainModuleBox h2,
.mainModuleBox h2 a {
  color: #006dd9;
}
@media screen and (max-width: 768px) {
  .mainModuleBox {
    border-radius: 0;
  }
}
/* ■■■■■ ヘッドライン #headline 　*/
.headline {
  list-style: none;
  margin: 0 10px 0 10px;
  padding: 0;
  border-radius: 5px;
  box-shadow: 0 0 2px #CCCCCC;
  background: #FFFFFF;
}
@media screen and (max-width: 768px) {
  .headline .title {
    display: block;
  }
}
.headline li {
  vertical-align: bottom;
  zoom: 1;
  /* 現在いるとき */
}
.headline li:last-child a {
  border: none;
}
.headline li:first-child a:hover {
  border-radius: 5px 5px 0 0;
}
.headline li:last-child a:hover {
  border-radius: 0 0 5px 5px;
}
.headline li.stay {
  background-color: #EEEEEE;
}
.headline a {
  display: block;
  padding: 8px 20px;
  border-bottom: solid 1px #CCCCCC;
  vertical-align: bottom;
  zoom: 1;
}
.headline a:hover {
  background-color: #EEEEEE;
  text-decoration: none;
}
.headline .headlineDat {
  color: #666666;
  font-size: 12px;
}
/* ■■■■■ サマリー1/デフォルト .summaryDefault 　*/
.summaryDefault {
  padding: 0 8px 0 10px;
}
.summaryDefault .summaryDefaultEntry {
  float: left;
  width: 317px;
  margin: 0 2px 2px 0;
  padding: 10px;
  box-shadow: 0 0 2px #CCCCCC;
  background: #FFFFFF;
}
@media screen and (max-width: 768px) {
  .summaryDefault .summaryDefaultEntry {
    width: auto;
  }
}
.summaryDefault .summaryDefaultEntry div {
  float: left;
  margin-right: 10px;
  background: #999999;
  color: #FFFFFF;
  text-align: center;
  line-height: 7.5em;
}
.summaryDefault .summaryDefaultEntry p {
  margin: 5px 10px 0 0;
  word-break: break-all;
  font-size: 12px;
}
.summaryDefault .summaryDefaultEntry .summaryTitle {
  margin: 0 0 5px;
  font-weight: bold;
  font-size: 14px;
}
.summaryDefault .bl-hover {
  background-color: #EEEEEE;
}
.summaryDefault .summaryDefaultEntry:nth-of-type(1),
.summaryDefault .bl-hover:nth-of-type(1) {
  border-radius: 5px 0 0 0;
}
.summaryDefault .summaryDefaultEntry:nth-of-type(2),
.summaryDefault .bl-hover:nth-of-type(2) {
  border-radius: 0 5px 0 0;
}
.summaryDefault .summaryDefaultEntry:nth-last-of-type(2),
.summaryDefault .bl-hover:nth-last-of-type(2) {
  border-radius: 0 0 0 5px;
}
.summaryDefault .summaryDefaultEntry:nth-last-of-type(1),
.summaryDefault .bl-hover:nth-last-of-type(1) {
  border-radius: 0 0 5px 0;
}
@media screen and (max-width: 768px) {
  .summaryDefault .summaryDefaultEntry:nth-of-type(1),
  .summaryDefault .bl-hover:nth-of-type(1),
  .summaryDefault .summaryDefaultEntry:nth-of-type(2),
  .summaryDefault .bl-hover:nth-of-type(2),
  .summaryDefault .summaryDefaultEntry:nth-last-of-type(2),
  .summaryDefault .bl-hover:nth-last-of-type(2),
  .summaryDefault .summaryDefaultEntry:nth-last-of-type(1),
  .summaryDefault .bl-hover:nth-last-of-type(1) {
    border-radius: 0;
  }
}
/* ■■■■■ サマリー2/カスタムフィールド .summaryCustom 　*/
.summaryCustom {
  margin: 0 0 0 10px;
  padding: 0;
}
.summaryCustom .summaryCustomEntry {
  float: left;
  width: 219px;
  list-style: none;
  margin: 0 9px 10px 0;
  padding: 0 0 10px;
  background: #FFFFFF;
  border-radius: 5px;
  box-shadow: 0 0 2px #CCCCCC;
}
.summaryCustom .bl-hover {
  background: #E3E3E3;
}
.summaryCustom .summaryCustomEntry .photo {
  width: 200px;
  height: 200px;
  margin: 10px 9px 5px;
  background: #999999;
}
.summaryCustom .summaryCustomEntry .title {
  padding: 5px 10px 0;
  font-size: 12 px;
  font-size: 1.2rem;
}
.summaryCustom .summaryCustomEntry .summaryTitle {
  padding: 5px 10px 0 10px;
  font-weight: bold;
  font-size: 14 px;
  font-size: 1.4rem;
}
@media screen and (max-width: 768px) {
  #summaryCustom .summaryCustomEntry {
    width: auto;
    margin-bottom: 10px;
  }
  #summaryCustom .summaryCustomEntry > div {
    width: auto;
  }
}
/* ■■■■■ 会社沿革 .tableHistory 　*/
.tableHistory th {
  white-space: nowrap;
}
.tableHistory .photo {
  float: right;
}
.acms-entry .tableHistory p {
  margin-bottom: 0;
}
@media screen and (max-width: 768px) {
  .tableHistory th,
  .tableHistory td {
    display: block;
  }
  .tableHistory .photo {
    float: none;
    width: auto;
    max-width: 100%;
    height: auto;
  }
}
/* ■■■■■ エントリー #entryBody 　*/
.acms-entry {
  margin: 0 0 20px 0;
  padding: 0;
  border-radius: 5px;
  background: #FFFFFF;
}
/*　　　エントリーヘッダー　左段　見出し　*/
.entryHeader {
	margin: 0 1em 1em 0;
	padding: 1em 0 0.3em 1.4em;
	border-bottom: 2px solid #E3E3E3;
	line-height: 1.2;
	background: url(/prx/000/http/fuwhat.com/themes/fuwhat2014/images/en_tbg_f.png) no-repeat left bottom;
	text-indent: 0;
	min-height: 26px;
}

/* ページャー CSS上書き */
.acms-pager {
  margin-bottom: 30px;
}
.acms-pager li {
    margin-left: 0.4em;

}

.acms-pager li > a, .acms-pager li > span {
font-size: 16px;
padding: 1em 1.4em;
border: 1px solid #ddd;
	font-family: "NUDモトヤマルベリ Std W3";
}

.acms-pager li.cur span {
    border: 1px solid #bebebe;
    background: #ddd;
}

/* エントリーの日付・カテゴリー */
.acms-entry .entryCategory {
  display: inline;
  margin: 5px 0 0 10px;
  padding: 0;
}
@media screen and (max-width: 768px) {
  .acms-entry .entryCategory {
    margin: 5px 0 0 10px;
  }
}
.entryCategory span {
  padding: 0 5px 0 0;
}
.entryCategory span a {
  font-weight: normal;
}
/* エントリータイトル */
.acms-entry .entryTitle,
.entryTitle {
  margin: 0 0 0 1em;
  padding: 0 0 ;
  background: none;
  font-weight: bold;
  font-size: 22px;
  font-size: 1.7rem;
  font-weight: normal;
}
.entryTitle a,
.entryTitle a:hover {
  text-decoration: none;
}
@media screen and (max-width: 768px) {
  .entryTitle,
  .acms-entry .entryTitle {
    margin: 0 16px;
    padding: 0;
    font-size: 20 px;
    font-size: 1.8rem;
  }
}
/*　　　カスタムフィールド部分　　　*/
.entryCustom {
  margin: 0 0 20px 0;
  padding: 10px 29px;
  border-radius: 5px;
  background-color: #EEEEEE;
}
.entryCustom img {
  float: left;
  padding: 0 10px 0 0;
}
.entryCustom p {
  margin: 0;
  padding: 0 20px 0 0;
}
/*　　　エントリー本文部分　　　*/
.entryColumn {
  padding: 20px 30px 10px;
}
/*　　　続きを読むリンク　　　*/
.acms-entry .continueLink {
  margin: 0 0 0.5em 0;
  padding: 0;
}
.acms-entry .continueLink a {
	background: #f9f9f9 url(/prx/000/http/fuwhat.com/themes/fuwhat2014/images/arrow_gray2.png) no-repeat 1em center;
	display: block;
	border-radius: 6px;
 padding: 1.6em 1em 1.6em 1.5em;
}
.acms-entry .continueLink a:hover {
	background: #fff9ef url(/prx/000/http/fuwhat.com/themes/fuwhat2014/images/arrow_gray2.png) no-repeat 1em center;
	color: #000;
}

/*　　　エントリータグ　　　*/
.index .entryTag,
.acms-entry .entryTag {
	position: relative;
	margin: 20px 0 10px 0;
	padding: 5px 20px 5px 90px;
	border-bottom: 1px solid #E3E6E6;
}

.index .entryTag dt,
.acms-entry .entryTag dt {
	display: block;
	position: absolute;
	top: 7px;
	left: 0;
	width: 50px;
	padding: 0 10px 0 0;
	background-color: #F5F5F5;
	color: #666;
	font-size: 13px;
	text-align: right;
	zoom: 1;
	border-top: 1px solid #FFF;
}
.index .entryTag dd,
.acms-entry .entryTag dd {
  display: inline;
  margin: 0;
  padding: 0 15px 0 0;
}
.index .entryTag a,
.acms-entry .entryTag a {
  padding: 2px 3px;
}
/*　　　エントリーフッター　　　*/
.acms-entry .entryFooter {
  margin: 0;
  padding: 10px 20px 0 0;
  text-align: left;
}
/* ------ エントリー内スタイル ------ */
/* 半角英数字折り返し対応 */
.acms-entry table th,
.acms-entry table td {
  word-break: break-all;
}
.acms-entry p {
  margin: 0 0 20px 0;
  line-height: 2;
}
.acms-entry p em {
  background-color: #ffeaea;
  font-style: normal;
  padding: 4px;
  border-radius: 40px;
  color: #000;
}
.acms-entry p strong {
  font-weight: bold;
}
/* 添付ファイルアイコン */
.columnIcon {
  padding: 5px;
}
/* 添付ファイルのキャプション */
.main p.caption {
	color: #666666;
	font-size: 14px;
	line-height: 1.2;
	margin: 0;
	padding: 0 5px;
	text-align: center;
}
.nocaption {
  margin-bottom: 10px;
}

/* 見出し */
.main h2,
.main h3,
.main h4{
	font-weight: normal;
	clear: both;
	font-family: "NUDモトヤマルベリ Std W3",Sans-serif;
}
/* 見出しTOPのみ */
#toppg .main h2{
  font-size: 16 px;
  font-size: 1.6rem;
  color: #000;
}
@media only screen and (min-width: 0px) and (max-width:480px) {
/* モバイル用表示 */
#toppg .main h2{
  font-size: 1.4rem;
}
#toppg .main h2 img{
display: none;
}
}

#toppg .main h2 img{
	vertical-align: bottom;
	margin-right: 5px;
}

.acms-entry h2 {
  margin: 0 0 0.5em 0;
  font-size: 20 px;
  font-size: 2rem;
  color: #000;
}

.acms-entry h2.adtitle {
	font-size: 14px;
	color: #666;
	margin: 20px 0px 10px 0px;
	padding: 20px 0px 0px 0px;
	border-top: 1px solid #EBD9C0;
	border-bottom: 0px ;
}

.acms-entry h3 {
  overflow: hidden;
  margin: 1.2em 0 0.8em;
  padding: 0.2em 0.8em;
  border-radius: 5px;
  background-color: #f5f5f5;
  font-size: 16 px;
  font-size: 1.6rem;
  zoom: 1;
  text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.75);
}
.acms-entry h4 {
  overflow: hidden;
  margin: 0 0 1em;
  padding: 0 10px 2px;
  border-bottom: solid 2px #ddd;
  font-size: 16px;
  font-size: 1.6rem;
  zoom: 1;
  color: #5e5e5e;
}
.acms-entry h5 {
  overflow: hidden;
  margin: 0 0 1em;
  padding: 0 0.6em;
  border-left: solid 5px #ddd;
  font-size: 14 px;
  font-size: 1.4rem;
  font-weight: normal;
  zoom: 1;
}
.acms-entry blockquote p {
  font-size: 14px;
}
/* リスト */
.acms-entry ul {
  overflow: hidden;
  margin: 1em 0 0.8em 0.2em;
  padding: 0 0 0 35px;
  zoom: 1;
}
.acms-entry ul img {
  vertical-align: top;
}
.acms-entry ul li {
  list-style: disc;
  margin: 0 0 0.8em;
  padding: 0;
  line-height: 1.4;
}
.acms-entry ol {
  overflow: hidden;
  margin: 1em 0 0.8em 0.4em;
  padding: 0 0 0 35px;
  zoom: 1;
}
.acms-entry ol li {
  margin: 0 0 0.8em;
  padding: 0;
  line-height: 1.4;
}
/* ソース */
.acms-entry pre {
  overflow: auto;
  clear: both;
  _width: 600px;
  margin: 20px 0 15px;
  padding: 10px;
  background: #eee;
  color: #666666;
}
/* 引用 */
.acms-entry blockquote {
  clear: both;
  margin: 1em 0 0.8em 0;
  padding: 1.4em;
  background: #eee;
}
/* テーブル */
.acms-entry table {
    border: 1px solid #EEEEEE;
    border-collapse: collapse;
    margin: 20px 20px 15px 0;
    padding: 0;
    width: 100%;
}

.acms-entry table caption {
    background: #e8e8e8;
}
.acms-entry table tr {
  margin: 0;
  padding: 0;
}
.acms-entry table th {
    background: none repeat scroll 0 0 #F8F8F8;
    border-top: 1px solid #DDDDDD;
    border-bottom: 1px solid #DDDDDD;
    border-left: 1px solid #DDDDDD;

    box-shadow: 0 2px 0 #FFFFFF inset;
    color: #000000;
    font-size: 16px;
    font-weight: bold;
    line-height: 1;
    padding: 1.5em;
    text-align: left;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.75);
    width: 30%;
}
.acms-entry table td {
  padding: 5px 10px;
  border: 1px solid #DDDDDD;
}
.acms-entry .acms-btn-action-group th {
	box-shadow: none;
	font-size: 14px;
	font-weight: normal;
	line-height: 2;
	width: auto;
}

.acms-btn-admin, .formEntryActionUnit .btn {
    font-size: 14px;
    line-height: 1;
}


/* ---------------
　物件情報
--------------- */
.acms-entry .realestateCampaign {
  padding: 0;
}
@media screen and (max-width: 768px) {
  .acms-entry .realestateCampaign img {
    width: auto;
    max-width: 100%;
    height: auto;
  }
}
/* ---------------
　サブ
--------------- */
/* ■■■■■ サブエリア共通 　*/
.subModuleBox {
  margin: 20px 0 20px;
}
.subModuleBox h2 {
  margin: 0 0 5px;
  color: #333333;
  font-size: 16px;
}
.js-nav .subModuleBox h2,
.js-nav #linkList li {
  color: #FFFFFF;
}
/* ■■■■■ エントリーリスト #entryList 　*/
#entryList {
  list-style: none;
  margin: 0 0 30px 0;
  padding: 0;
}

/* 右段見出し */
.sub #nav h2{
	color: #999;
	margin-bottom: 16px;
	border-bottom: 1px dotted #999;
	font-size: 14px;
	padding-left: 4px;
}
.sub #nav h2 a{
	color: #7E8080;
}
.sub #nav  h2 a:hover{
	color: #ccc;
}

/* 右段　ul */
#nav ul#entryList{
	margin: 10px 0px;
}

#nav ul#entryList li{
	font-size: 14px;
	margin: 0px 4px 5px 0px;
}

#nav ul#entryList li a{
	background: url(/prx/000/http/fuwhat.com/themes/fuwhat2014/images/arrow_gray2.png) no-repeat 10px 12px;
	display: block;
	padding: 6px 5px 6px 24px;
}

#nav ul#entryList li a:hover{
	background: #f0f0f0 url(/prx/000/http/fuwhat.com/themes/fuwhat2014/images/arrow_gray2.png) no-repeat 10px 12px;
	border-radius: 6px;
	color: #000;
}




/* ■■■■■ カテゴリーリスト #categoryList 　*/
#categoryList {
  margin: 0 0 30px 0;
  /* そのページを表示しているとき */
}
#categoryList ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
#categoryList li {
  margin: 0 0 5px 0;
  border: solid 1px #FFFFFF;
  border-radius: 8px;
  background: #FFFFFF;
  vertical-align: bottom;
  zoom: 1;
}
#categoryList a {
  display: block;
  padding: 8px 20px;
  color: #333333;
  font-weight: bold;
  vertical-align: bottom;
  zoom: 1;
}
#categoryList a:hover {
  background-color: #EEEEEE;
  text-decoration: none;
  border-radius: 8px;
}
#categoryList .stay {
  border-radius: 8px;
  box-shadow: 0 0 8px #CCCCCC inset;
  background-color: #DDDDDD;
}
#categoryList ul li ul li a {
  padding: 3px 10px 3px 40px;
}
/* ■■■■■ サマリー3/縮小版 #summaryMini 　*/
#summaryMini {
  margin: 0 0 20px 0;
  border-top: solid 1px #CCCCCC;
  border-bottom: solid 1px #FFFFFF;
}
#summaryMini .summaryMiniEntry a {
  display: block;
  margin: 0;
  border-top: solid 1px #FFFFFF;
  border-bottom: solid 1px #CCCCCC;
}
#summaryMini .summaryMiniEntry a:hover {
  background: #FFFFFF;
  text-decoration: none;
}
#summaryMini .summaryMiniEntry .summaryMiniThumbnail {
  float: left;
  width: 60px;
  height: 60px;
  margin: 0 10px 0 0;
  background: #999999;
}
#summaryMini .summaryMiniEntry .summaryMiniTitle {
  display: block;
  float: left;
  width: 150px;
  margin: 8px 0 0;
}
/* ■■■■■ ピックアップリスト #pickupList 　*/
#pickupList {
  list-style: none;
  margin: 0 0 20px 0;
  padding: 0;
}
#pickupList li {
  margin: 0 0 10px;
  zoom: 1;
}
/* ■■■■■ バナー #banner 　*/
#banner,#banner_pr1 {
  list-style: none;
  margin: 0 0 20px 0;
  padding: 0;
}
#banner li,
#banner_pr1 li {
  zoom: 1;
  margin: 0 0 0.5em;
}

#banner a:hover img,
#banner_pr1 a:hover img{
	opacity: 1;
}

/* ■■■■■ リンクリスト #linkList 　*/
#linkList {
  margin: 0 0 30px 0;
  padding: 0 0 0 20px;
  border-top: solid 1px #999999;
}
#linkList li {
  color: #333333;
}
#linkList a {
  display: block;
  margin: 5px 0;
  padding: 3px 0;
}
#linkList a:hover {
  background-color: #EEEEEE;
  text-decoration: none;
}
/* ---------------
　フッター
--------------- */
/* ■■■■■ 会社情報 #companyAbout 　*/
#companyAbout {
  position: inherit;
  margin: 0;
  padding: 20px 0;
}
#companyAbout dt {
  margin: 10px 0;
  font-size: 20px;
  font-weight: bold;
}
#companyAbout a {
  color: #666666;
}
#companyAbout dd {
  margin: 0;
}
/* ■■■■■ 検索フォーム #search 　*/
#search {
  position: absolute;
  top: 20px;
  right: 0;
}
/* ■■■■■ ページの先頭へリンク #pageTop 　*/
#pageTop {
  margin-bottom: 0;
}
#pageTop a {
  display: block;
  position: absolute;
  bottom: 0;
  right: 0;
  padding: 3px 10px;
  border-radius: 5px 5px 0 0;
  background: #333333;
  color: #FFF;
}
#pageTop a:hover {
  background: #808080;
  text-decoration: none;
}
/* ■■■■■ コピーライト #copyright 　*/

#copyright {
	clear: both;
  display: block;
  padding: 5px 20px;

  color: #7b7b7b;
  font-size: 14px;
  text-align: right;
}
#copyright p {
  width: 940px;
  margin: 0 auto;
  padding: 0 20px 0 0;
  text-align: center;
  zoom: 1;
}
#copyright img {
  vertical-align: middle;
}
/* ---------------
　メールフォーム #fwcontact
--------------- */
.contactH2 {
    border-bottom: 1px dotted #CCCCCC;
    border-left: 5px solid #E8E8E8;
    color: #666666;
    font-size: 20px;
    font-weight: normal;
    margin: 20px 0;
    padding: 6px 6px 6px 16px;
}
/* 電話番号　
#contactNo {
  margin: 5px 0 0 0;
  padding: 0;
  color: #666666;
  font-size: 24px;
  font-weight: bold;
}
*/
/* フォームテーブル */
.ablogcmsForm {
  width: 100%;
  margin: 0 0 20px 0;
  border-collapse: collapse;
  border: none;
  border-top: 1px solid #CCCCCC;
}
#fwcontact .ablogcmsForm th {
  width: 30%;
  margin: 0;
  padding: 1em;
  border: none;
  border-bottom: 1px solid #F5EADC;
  background-color: #FDFAF7;
  color: #333333;
  vertical-align: top;
  white-space: normal;
  text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.75);
}

@media only screen and (min-width: 0px) and (max-width:768px) {
/* モバイル用表示 */
#fwcontact .ablogcmsForm th,
#fwcontact .ablogcmsForm td {
  width: auto;
}
.acms-entry table {
    width: 100%;
}
.acms-form-width-large {
    width: 100%;
}
}

#fwcontact .ablogcmsForm th.required {
	background: #FAF4ED;
}

#fwcontact .ablogcmsForm td {
  margin: 0;
  padding: 1em;
  border: none;
	border-bottom: 1px solid #eee;
	border-right: 1px solid #eee;
}
.required {
  margin: 0 10px;
  padding: 1px 8px;
  background: #999999;
  color: #FFFFFF;
  font-size: 12px;
  border-radius: 3px;
  font-weight: normal;
}
.mailStep {
  padding: 0;
}
/* フォーム入力欄 */
.formM {
  width: 325px;
}
.formL {
  width: 410px;
}
.formBtnBox {
  margin-bottom: 20px;
		text-align: center;
}
/* ステップ */
#mailStep {
  list-style: none;
  display: block;
  padding: 20px;
  margin: 0 0 20px 0;
  border-radius: 5px;
  background-color: #d9d9d9;
  font-size: 18 px;
  font-size: 1.8rem;
}
#mailStep li {
  float: left;
  margin: 0 25px 0 0;
  color: #999999;
}
#mailStep .current {
  color: #333333;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .contactBox {
    padding: 15px 10px;
  }
  .acms-entry .contactH2 {
    margin-right: 0;
  }
  /* ステップ */
  #mailStep {
    border-radius: 0;
  }
  #mailStep li {
    float: none;
    margin: 0 0 10px 0;
  }
}

/* 上書き変更　フォーカス青枠部分 */
.acms-form input[type="text"]:focus, .acms-form input[type="password"]:focus, .acms-form input[type="datetime"]:focus, .acms-form input[type="datetime-local"]:focus, .acms-form input[type="date"]:focus, .acms-form input[type="month"]:focus, .acms-form input[type="time"]:focus, .acms-form input[type="week"]:focus, .acms-form input[type="number"]:focus, .acms-form input[type="email"]:focus, .acms-form input[type="url"]:focus, .acms-form input[type="search"]:focus, .acms-form input[type="tel"]:focus, .acms-form input[type="color"]:focus,
.acms-form textarea:focus
 {
    box-shadow: none;
    outline: medium none;
    border: 3px solid #EFDEBD;
}

.acms-form textarea {
    font-size: 20px;
}

/* 確認画面へ進むボタン */
/* 送信ボタン */

#btnConfirm,#btnSubmit{
	width: 70%;

	margin: 0 auto;
  border: 0px;
	font-size: 20px;
	font-weight: bold;
	border-radius: 6px;
	text-shadow: 1px 1px 0 #FFA500;
	color:#fff;
	padding: 1.8em 0;
	text-align: center;

	background: #ffd79b; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffd79b 0%, #ffbd3a 50%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffd79b), color-stop(50%,#ffbd3a)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffd79b 0%,#ffbd3a 50%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffd79b 0%,#ffbd3a 50%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffd79b 0%,#ffbd3a 50%); /* IE10+ */
	background: linear-gradient(top,  #ffd79b 0%,#ffbd3a 50%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd79b', endColorstr='#ffbd3a',GradientType=0 ); /* IE6-9 */
}




/* 入力画面へ戻るボタン */
#btnToInput {
	width: 200px;
	height: 40px;
	border: 0px;
	font-size: 12px;
	background: #eee;
	float: left;
	margin-right: 20px;
	border-radius: 6px;
}

#btnConfirm:hover,#btnSubmit:hover,#btnToInput:hover {opacity: 0.8;}


/* ---------------
　レスポンシブ対応
--------------- */
/* タブレット */
@media screen and (max-width: 950px) {
  /* メインカラム */
  .acms-col-9.main {
    float: none;
    left: inherit;
    width: auto;
    max-width: 720px;
    margin: 0 auto;
  }
  /* サブ */
  .acms-col-3.sub {
    float: none;
    right: inherit;
    width: auto;
    max-width: 720px;
    margin: 0 auto;
    padding-right: 0;
  }
  .acms-col-3.sub .subModuleBox {
    float: left;
    width: 213px;
    margin: 0 10px;
  }
  .acms-col-3.sub .subModuleBox .photo {
    height: auto !important;
  }
  .acms-col-3.sub .subModuleBox img {
    left: inherit !important;
    top: inherit !important;
    width: 170px !important;
    height: auto;
  }

  .acms-col-3.sub #top_about{
		left: inherit !important;
		top: inherit !important;
		width: 160px !important;
		height: auto;
  }

.acms-col-3.sub #top_about #top_aboutimg img,
.acms-col-3.sub #top_about h2{
		left: inherit !important;
		top: inherit !important;
		width: 150px !important;
		height: auto;
		background:none;
}

  }

  /* ヘッダー */
  #headWrapper #siteCaption {
				margin: 0 0 0 1em;
  }
  /* フッター */
  #companyAbout {
    padding: 20px 10px;
  }
  #search {
    padding: 0 10px;
  }
}
/* ---------------
　管理用スタイル
--------------- */
.comPost {
  margin: 0 0 10px 0 !important;
}
.formEntryAction {
  margin: 20px 0 !important;
}
.js-edit_inplace.align_hidden::before {
  margin-right: 20px;
}
.editLink {
  font-size: 12px;
  font-weight: normal;
}
#nav-open-btn,
.siteHeader {
  display: none;
}


/* ---------------
　ユニットグリッド
--------------- */
.acms-entry .acms-col-12 {
  padding: 0;
}
/* エントリー内要素　box-sizing対処法 */
.entry-container {
  padding-left: 10px;
  padding-right: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.acms-table-responsive {
  padding-left: 10px;
  padding-right: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  overflow-x: scroll;
  overflow-y: scroll;
}
/* グリッドシステム内のYoutubeの幅 */
.acms-entry [class*='acms-col-'] .column-youtube-auto {
  width: auto!important;
}
@media screen and (max-width: 768px) {
  .column-image-auto {
    width: auto !important;
  }
  .column-image-left {
    float: none;
  }
}
/* ---------------
　グリッドシステム
--------------- */
@media screen and (max-width: 768px) {
  .acms-grid,
  .acms-grid-r {
    margin-right: 0;
    margin-left: 0;
  }
  .acms-grid-r .acms-push-1,
  .acms-grid-r .acms-push-2,
  .acms-grid-r .acms-push-3,
  .acms-grid-r .acms-push-4,
  .acms-grid-r .acms-push-5,
  .acms-grid-r .acms-push-6,
  .acms-grid-r .acms-push-7,
  .acms-grid-r .acms-push-8,
  .acms-grid-r .acms-push-9,
  .acms-grid-r .acms-push-10,
  .acms-grid-r .acms-push-11 {
    left: inherit;
  }
  .acms-grid-r .acms-pull-1,
  .acms-grid-r .acms-pull-2,
  .acms-grid-r .acms-pull-3,
  .acms-grid-r .acms-pull-4,
  .acms-grid-r .acms-pull-5,
  .acms-grid-r .acms-pull-6,
  .acms-grid-r .acms-pull-7,
  .acms-grid-r .acms-pull-8,
  .acms-grid-r .acms-pull-9,
  .acms-grid-r .acms-pull-10,
  .acms-grid-r .acms-pull-11 {
    right: inherit;
  }
  .acms-grid-r [class*="acms-col"] {
    padding-right: 0;
  }
  /* ナビゲーション */
  .acms-show-sp .acms-sidebar2 {
    display: block;
  }
  /* ヘッダー */
  #headWrapper {
    padding-top: 40px;
  }
  #headWrapper .acms-col-8 {
    margin-bottom: 0;
  }
  /* メイン */
  .acms-container {
    padding-left: 0;
    padding-right: 0;
  }
  .main {
    padding-left: 0;
  }
  #nav-open-btn,
  .siteHeader {
    display: block;
  }
  .nav-btn {
    position: absolute;
    top: 0;
    padding: 10px;
  }
  #adminBox,
  .mainModuleBox {
    margin-right: 0;
  }
  #siteCaption {
    width: auto;
  }
  .mainModuleBox h2 {
    margin: 0;
    padding: 10px;
  }
  /* モジュール */
  #headline,
  #summaryDefault {
    margin: 0;
    border-radius: 0;
  }
  #headline .title {
    display: block;
  }
  .acms-container .bx-wrapper .bx-viewport {
    border: none;
  }
  .summaryDefault .summaryDefaultEntry {
    float: none;
    width: auto;
  }
  .summaryDefault .summaryDefaultEntry .summaryTitle {
    margin-top: 0;
  }
  .acms-entry,
  #topicpath,
  #categoryH1,
  .acms-grid-r .acms-revison-admin,
  .acms-entry p,
  .acms-entry table,
  .acms-entry h3 {
    margin-right: 0;
  }
  #search {
    position: inherit;
    right: inherit;
    top: inherit;
    margin-bottom: 0;
  }
  #footer {
    padding: 0 10px;
  }
  #footer .acms-col-6 {
    margin-bottom: 0;
  }
  #pageTop {
    text-align: right;
  }
  #pageTop a {
    display: inline;
    position: inherit;
    right: inherit;
    bottom: inherit;
  }
  #copyright p {
    width: auto;
    font-size: 11 px;
    font-size: 96%;
    text-align: left;
  }
  .main .mapWrapper {
    padding: 10px;
  }
  #realestateMap .js-s2d-ready,
  #realestateMap .column-map- {
    width: 230px !important;
    height: 230px !important;
  }
  #realestateMap img.column-map- {
    width: 280px !important;
    height: auto !important;
  }
  .acms-entry#realestateSearch {
    border: none;
  }
  .acms-entry.ablogcmsForm {
    width: auto;
    border: none;
  }
  #realestateSearch th,
  #realestateSearch td,
  .ablogcmsForm th,
  .ablogcmsForm td {
    display: block;
    width: auto;
    padding: 0;
    border: none;
  }
  #realestateSearch td,
  .ablogcmsForm td {
    padding-bottom: 10px;
  }
  .ablogcmsForm td {
    padding: 10px 0 15px;
  }
  .siteHeaderWrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    padding: 10px;
    background-color: #FFFFFF;
    z-index: 500;
  }
  .siteHeader {
    position: relative;
  }
  .siteHeader #nav-open-btn {
    display: inline;
  }
  .siteHeader .headTel,
  .siteHeader .headAccess {
    position: absolute;
    top: 0;
    font-size: 28 px;
    font-size: 2.8rem;
    color: #333333;
    line-height: 1;
  }
  .siteHeader .headTel {
    right: 70px;
  }
  .siteHeader .headAccess {
    right: 20px;
  }
  #siteName img {
    vertical-align: middle;
  }
  #siteName,
  #siteCaption {
    padding: 0;
  }
  .acms-sidebar2 ul {
    list-style: none;
    padding-left: 0;
  }
  .acms-sidebar2 ul ul {
    display: none;
  }
  .acms-sidebar2 li {
    border-bottom: solid 1px #666666;
  }
  .acms-sidebar2 a {
    display: block;
    padding: 10px 15px;
    color: #FFFFFF;
  }
  .acms-sidebar2 li.stay,
  .acms-sidebar2 a:hover {
    background-color: #555555;
    text-decoration: none;
  }
  #nav a {
    color: #FFFFFF;
  }
  #nav .subTitle {
    padding: 5px 10px;
    background-color: #444444;
    color: #FFFFFF;
    font-size: 11 px;
    font-size: 1.1rem;
  }
  .subModuleBox {
    padding: 10px;
  }
  .subModuleBox h2 {
    text-align: left;
  }
  .subModuleBox .photo {
    width: auto !important;
    height: auto !important;
  }
  .subModuleBox .photo img {
    left: inherit !important;
    top: inherit !important;
  }
  .subModuleBox p {
    margin-top: 0;
  }
  .subModuleBox img {
    width: 100% !important;
    height: auto !important;
  }
  #linkList li a:hover {
    background-color: transparent;
    text-decoration: underline;
  }
  .entryListBox {
    margin: 0;
    padding: 0;
  }
  .entryListBox #entryList {
    border: none;
  }
  .entryListBox #entryList a {
    border-top: none;
    border-bottom: 1px solid #666666;
  }
  .entryListBox #entryList a:hover {
    background-color: #555555;
    text-decoration: none;
  }
  .categoryListBox {
    padding: 0;
  }
  #categoryList li {
    margin-bottom: 0;
    border: none;
    border-bottom: 1px solid #666666;
    border-radius: 0;
    background-color: transparent;
  }
  #categoryList li a {
    padding: 10px 15px;
    color: #FFFFFF;
  }
  #categoryList li a:hover {
    border-radius: 0;
    background-color: #555555;
  }
  .acms-btn-action-group th,
  .acms-btn-action-group td {
    display: block;
    width: 100%;
  }
  .acms-form .ablogcmsForm input.acms-form-width-medium,
  .acms-form .ablogcmsForm .acms-form-width-medium {
    width: 100%;
  }
  .entryColumn {
    padding: 20px 0px;
  }
  .entryCategory {
    margin-left: 10px;
  }
  .acms-col-3.sub .subModuleBox {
    float: none;
    margin: 0;
    width: auto;
  }
}



/* 新着お知らせ1行リスト */

ul.infotoplist{
	margin: 10px 5px 50px;
	padding: 14px;
	border: 1px solid #EFEFEF;
	border-radius: 6px;
	height: 150px;
	overflow: auto;
}

ul.infotoplist li{
	display: block;
	line-height: 1.4;
	border-bottom: 1px dashed #ddd;
	font-size: 14px;
	float: left;
	width: 100%;
	padding: 0;
}

/* 日付 */
ul.infotoplist li .infotoplist_dt{
	font-size: 13px;
	color: #999;
	display: inline-block;
	width: 25%;
	float: left;
	padding: 1em 0 1em 1em;
}
@media only screen and (min-width: 0px) and (max-width:480px) {
/* モバイル用表示 */
#inner-wrap ul.infotoplist li .infotoplist_dt{
	width: 100%;
	padding: 1em 0 0 1em;
	float: none;
}
#inner-wrap ul.infotoplist li a{
	width: 100%;
	float: none;
		font-size:16px;
}
}


ul.infotoplist li a{
/* 	background: url(/prx/000/http/fuwhat.com/themes/fuwhat2014/images/arrow_gray2.png) no-repeat left 0.7em; */
	padding: 0px 5px 0px 1.5em;
	color: #333;
	display: inline-block;
	width: 65%;
	float: left;
		padding: 1em 0 1em 1.2em;
		position: relative;
}

ul.infotoplist li a:hover{
	color: #000;
border-radius: 10px;

background: #f8f8f8;
background: -moz-linear-gradient(left,  #f8f8f8 0%, #ffffff 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#f8f8f8), color-stop(100%,#ffffff));
background: -webkit-linear-gradient(left,  #f8f8f8 0%,#ffffff 100%);
background: -o-linear-gradient(left,  #f8f8f8 0%,#ffffff 100%);
background: -ms-linear-gradient(left,  #f8f8f8 0%,#ffffff 100%);
background: linear-gradient(to right,  #f8f8f8 0%,#ffffff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#ffffff',GradientType=1 );

	-webkit-transition: all 0s ease-in-out;
	-moz-transition: all 0s ease-in-out;
	-o-transition: all 0s ease-in-out;
	transition: all  0s ease-in-out;
}

ul.infotoplist span.new{
	background: #F8C573;

	position: absolute;
	top:0;
	left: -1.2em;

-webkit-transform: rotate(-16deg);
-moz-transform: rotate(-16deg);
-o-transform: rotate(-16deg);
transform: rotate(-16deg);
}


/* TOPボタン一覧ページへ .link_more1 */

a.link_more1  {
font-size: 12px;
float:right;
line-height: 1;
text-align: center;

min-width:100px;
min-height:20px;
border: 3px solid #F0F0F0;
border-radius: 40px;

background: url(/prx/000/http/fuwhat.com/themes/fuwhat2014/images/arrow_gray.png) no-repeat 12px 10px;

padding:8px 0 0 0.5em;
margin-top: 5px;

font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

a:hover.link_more1 {
opacity: 0.8;
border: 3px solid #EFDEBD;
}


/* ____________________________________________ コラム記事ループ  */

.feature_wrap{
		padding-bottom: 30px;
		clear: 	both;
}
.feature_wrap2{
		padding-bottom: 30px;
		clear: 	both;
		float: left;
}

.feature_topbox{
margin: 0 0 1em 1em;
}

/* #summaryDefault 　*/
.feature_topbox .summaryDefaultEntry {
	margin: 0 2% 0 0;
	padding: 1% 0 0 1%;
	line-height: 1.2;
	overflow: hidden;
	width: 45%;
	float: left;
	min-height: 70px;
/* border-bottom: 1px dashed #EFDEBD; */
border-bottom: 1px dashed #FFD79C;
}
@media screen and (max-width: 768px) {
  .feature_topbox .summaryDefaultEntry  {
	width: 98%;
	float: none;
	padding: 3% 0 1% 1%;
 	 }
		}
}

.feature_topbox #summaryDefault2 .bl-hover{
background: #fff9ef;
}

.feature_topbox p{
margin: 0;
}

.feature_topbox .bl-hover{
background: #fff9ef;
}

/* #summaryDefault 　*/
.summaryDefaultEntry {
	margin: 0 2% 0 0;
	padding: 1%;
	line-height: 1.2;
	overflow: hidden;
	width: 44%;
	float: left;
	min-height: 70px;
	border-bottom: 1px solid #ccc;
}

/*
#summaryDefault .bl-hover {
	background: #fff;
}
*/

/* 写真サムネイル部分 */
.summaryDefaultEntry div {
	float: left;
	margin-right: 10px;
	background: #FFFFFF;
	border-radius: 5px;
}

/* 記事タイトル部分 */
.summaryDefaultEntry a{
line-height: 1.4;
	font-size: 15px;
	color: #555555;
}
@media screen and (max-width: 768px) {
.summaryDefaultEntry a{
	font-size: 19px;
}
		}

p.topcolumntitle{
margin: 5px 0 0 0;
}

/* 日付 */
.summaryDefaultEntry .topcolumndate{
	font-size: 12px;
	color: #999;
	padding: 2px;
	margin: 0;
}

/* 一覧の行 */
#summaryDefault .topcolumnloop_list a{
	text-align: center;
	font-size: 14px;
	padding: 2px;
}

#summaryDefault .topcolumnloop_list a{
	display: block;
	color: #555;
}

#summaryDefault .topcolumnloop_list a:hover{
	color: #000;
}


/* ____________________________________________ コラム記事一覧ページ   */

#feature_column{
		padding-bottom: 30px;
		margin: 0 auto;
		width: 960px;
		overflow: hidden;
}

#feature_column h1{
	font-size: 28px;
	line-height: 2;
	font-family: "FOT-ハミング Std B";font-family: "F+UD-スーラ DB";
	margin-bottom: 2em;
	background: url(/prx/000/http/fuwhat.com/themes/fuwhat2014/images/co_hbg1.png) no-repeat left bottom;
}

#feature_column h2{
	font-size: 24px;
	line-height: 2;
	font-weight: normal;
	padding-left: 24px;
	background: url(/prx/000/http/fuwhat.com/themes/fuwhat2014/images/co_ac.png) no-repeat left center;
	color: #896000;
}

#feature_column h3{
	line-height: 1.4;
	font-weight: normal;
	margin: 0 0 0 1em;
	color: #896000;
}

#feature_column .summaryDefaultEntry {
	margin: 0;
	padding: 8px;
	line-height: 1.4;
	overflow: hidden;
	background: #FCF8EE;
	box-shadow: 0 1px 10px #fff inset;
	border-bottom:none;
}

.feature_inbox{
	float: left;
	width: 460px;

	margin-bottom: 12px;
	margin-right: 12px;

	border-top-left-radius: 6px;
 border-top-right-radius: 6px;
}

/* ブログ記事ループ  ____________________________________________ */

.top_infobox {
	width: 26%;
	float: left;
	margin: 1%;
	padding: 2%;
	border: 2px solid #EFDEBD;
	border-radius: 4%;
	background: transparent;
	position: relative;
	min-height: 240px;
/* 		 background: url("/prx/000/http/fuwhat.com/themes/fuwhat2014/images/top_info_libg1.jpg") no-repeat scroll 0.2em 1.8em transparent; */
}

.topblogwrap1 .bl-hover{
	border: 2px solid #FFD79C;
}

.top_info_entry {
	font-size: 14px;
	line-height: 1.6;
	color: #666;
	overflow: hidden;
		margin: 0.6em 0;
}

/* ループ記事見出し */

.top_infobox h3 {
	font-weight: normal;
	padding: 0.4em 0 0 0;
	margin: 0;
	line-height: 1.5;
	font-size: 16px;
}

/* ループ記事日付 */
.top_infobox .top_date {
	font-size: 11px;
	display: block;
	padding: 2px 10px;
text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.75);
	font-weight: bold;

	font-family: Arial, Helvetica, sans-serif;

	border-radius: 4px;
	position: absolute;
	top:-5px;
	left: -1.2em;

background: url("/prx/000/http/fuwhat.com/themes/fuwhat2014/images/pic_bg.png") no-repeat left center;

-webkit-transform: rotate(-16deg);
-moz-transform: rotate(-16deg);
-o-transform: rotate(-16deg);
transform: rotate(-16deg);
}

/* ループ記事写真 */
.top_infoimg {
	width: 140px;
	border: 1px solid #eee;
	border-radius: 6px;
	-moz-box-shadow: 1px 1px 2px #DDDDDD;
	-webkit-box-shadow: 1px 1px 2px #DDDDDD;
	box-shadow: 1px 1px 2px #DDDDDD;
}
.top_infoimg img{
	border: 1px solid #fff;
	border-radius: 6px;
}

/* ループ記事概要文 */
.top_info_entry .top_infotxt {
margin: 0.6em 0 0;

}

/* ループ記事続きを読む */
.top_en_next {
	text-align: right;
	display: block;
	clear: both;
	margin-right: 14px;
}

/*____________________________________________  404エラーページ用 */

#box_404 {
	background: url(/prx/000/http/fuwhat.com/themes/fuwhat2014/images/404bg.jpg) no-repeat center top;
	height: 900px;
	width: 1200px;
	margin: 0px auto;
}

#boxin_404 {
	margin: 0px auto;
	padding: 100px;
	width: 900px;
	line-height: 2;
}

#box_404 h1 {
	font-size: 50px;
	color: #7cb0ce;
	text-shadow: 1px 1px 1px #fff;
}

/* ____________________________________________ お知らせカテゴリ　info  */

#info_wrap .entryHeader{
position: relative;
}

#info_wrap h2.entryTitle{
	font-size: 18px;
	background: none;
	padding: 0.4em 0;
}

#info_wrap h2.entryTitle a{
	color:#000;
}

/* お知らせ一覧ページ日付 */
#info_wrap p.entryDate{
	position: absolute;
	bottom: -45px;
	right: 0;
	color:#999;
	font-size: 12px;
}

/*____________________________________________  アクセスページ */

iframe.acmap1{
	border-radius: 10px;
	border: 3px solid #f1f1f1;
}

#acc_airplane dt {
	border-left: 3px solid #EEE;
	padding-left: 8px;
	margin-top: 20px;
	margin-bottom: 5px;
	margin-left: 5px;
}

#acc_airplane dd {
	padding-left: 1em;
}



/*____________________________________________  わたしたちについて */

 #salutation{
	background: url(/prx/000/http/fuwhat.com/themes/fuwhat2014/images/fusen.png) no-repeat right top;
	padding-top: 10px;
	padding-bottom: 100px;
}

 .text_rbox1{
	padding: 10px;
	margin-bottom: 60px;
	font-size: 12px;
	text-align: right;
	margin-top: 30px;
}

/* ________________________________________________________________________________ 汎用class .btn */

.btn {
  display: inline-block;
  *display: inline;
  padding: 5px 18px 4px;
  margin-bottom: 0;
  line-height: 1.6em;

  text-align: center;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid #e7e7e7;
  border-bottom-color: #ccc;
  *zoom: 1;
/*  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.6), 0 1px 2px rgba(0, 0, 0, 0.1);*/
}

.btn:hover,.btn:active,.btn.active,{
  background-color: #f6f6f6;
}

.btn:active,.btn.active {
  background-color: #cccccc;
}

.btn:hover {
  color: #000;
  text-decoration: none;
  background-color: #f6f6f6;
}

.btn:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.btn.active,.btn:active {
  background-color: #ebebeb;
  background-image: none;
  outline: 0;
  box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.10);
}


/*  */

.coming_soon{
	font-size: 12px;
	color: #999;
	font-weight: normal;
}

/* お問い合わせバナー */


.gotocontact{
margin: 4em 0 1em ;
}



/*____________________________________________  実績ページ */

/* ヘッダの囲み */
#whead_page{
	margin: 0 auto;
	width:980px;
}

/* 内容の大枠 */
#works_box {
	clear: both;
	width:98%;
	height:auto;
	overflow: auto;
	margin-right: auto;
	margin-left: auto;
	padding: 30px 20px 10px;
}

#works_box .box {
	margin:3px;
	padding:10px;
	overflow:visible;
	float:left;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	border: 1px solid #F0E4B0;
}

#works_box .box:hover {
	border: 1px solid #F7C272;
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
}

#works_box .box p {
	font-size: 16px;
	border-bottom: 1px dashed #F0E4B0;
	margin-bottom: 5px;
	line-height: 1.4;
	padding-bottom: 5px;
}

#works_box .box p a{
	color: #F29010;
}

#works_box .box p a:hover{
	color: #FBC273;
}


/* 実績の種類別リスト */

#cs_works{
	overflow: hidden;
	zoom: 1;
	margin: 1.6em 0;
	width:100%;
}

#cs_works ul{
	float: left;
	list-style: none;
	padding: 0;
	margin-left: 1%;
}
@media screen and (max-width: 768px) {
#cs_works ul {
	width: 98%;
	float: none;
 	 }
}

#cs_works li{
	float: left;
	font-size: 15px;
	width: 232px;
}
@media screen and (max-width: 768px) {
#cs_works li {
	width: 98%;
	float: none;
	padding: 0;
	font-size: 18px;
 	 }
}

#cs_works li a{
	text-align: center;
	padding: 1.8em 1em;
	margin-right: 5px;
	margin-bottom: 5px;
	display: block;
	color: #000;
	background: #f9f9f9;
	border-radius: 5px;
	background: #f9f9f9 url(/prx/000/http/fuwhat.com/themes/fuwhat2014/images/arrow_gray2.png) no-repeat 1em center;
}
@media screen and (max-width: 768px) {
#cs_works li a {
margin:5px;
 	 }
}

#cs_works li a:hover{
		background: #fff9ef url(/prx/000/http/fuwhat.com/themes/fuwhat2014/images/arrow_gray2.png) no-repeat 1em center;
	color: #F29010;
	box-shadow: 0 1px 10px #ccc, 0 1px 0 #FFFFFF inset;
	font-weight: bold;
}


/*____________________________________________  サイトマップページ用 */

#sitemap_box1{
	padding: 2em;
	line-height: 2;
}

#sitemap_box1 ul{
	padding-bottom: 2em;
}


.usr-label22 {
	background-color: #CDB770;
}

.usr-label21 {
	background-color: #7096CD;
}
.usr-label27 {
	background-color: #CD7086;
}


.featureindex-title {
	margin: 0px;
	padding: 0px;
}

.featureindex-title a {
	font-size: 20px;
	color: #a68200;
}
.featureindex-category {
	margin: 0px 0px 10px 0px;
	padding: 0px;
}
.featureindex-es {
	margin: 0px 0px 10px 0px;
	padding: 0px;
}

.udate {
	text-align: right;
	font-size: 14px;
	color: #666666;

}



/* ---------------
1カラム用
--------------- */
div.column1 {
	clear: both;
	width: 100%;
}

/* 回り込みリセット */
div.column1 hr{
	border-width: 1px 0px 0px 0px; /* 太さ */
	border-style: solid; /* 線種 */
	border-color: #FFFFFF; /* 線色 */
	height: 1px; /* 高さ */
}


/* ---------------
2カラム用
--------------- */
div.column2 {
	float: left;
	width: 310px;
	margin-right: 20px;
}

/* 画像、Youtube、GoogleMaps */
div.column2 .column-image-center,
div.column2 .column-image-left,
div.column2 .column-image-right,
div.column2 .column-image-auto,
div.column2 .column-youtube-center,
div.column2 .column-youtube-left,
div.column2 .column-youtube-right,
div.column2 .column-youtube-auto,
div.column2 .column-eximage-center,
div.column2 .column-eximage-left,
div.column2 .column-eximage-right,
div.column2 .column-eximage-auto{
	float: none;
	width: 310px;
	margin: 0 0 20px;
	padding-right: 0;
}

/* ---------------
3カラム用
--------------- */
div.column3 {
	float: left;
	width: 200px;
	margin: 0 20px 20px 0;
}

/* 画像、Youtube、GoogleMaps */
div.column3 .column-image-center,
div.column3 .column-image-left,
div.column3 .column-image-right,
div.column3 .column-image-auto,
div.column3 .column-youtube-center,
div.column3 .column-youtube-left,
div.column3 .column-youtube-right,
div.column3 .column-youtube-auto,
div.column3 .column-eximage-center,
div.column3 .column-eximage-left,
div.column3 .column-eximage-right,
div.column3 .column-eximage-auto{
	float: none;
	width: 200px;
	margin: 0 0 20px;
	padding-right: 0;
}

/* ---------------
段組み共通
--------------- */
/* テキスト */
.entry div.column2 h2,
.entry div.column2 h3,
.entry div.column2 h4,
.entry div.column2 h5,
.entry div.column2 p,
.entry div.column2 ul,
.entry div.column2 ol,
.entry div.column2 pre,
.entry div.column2 table,
.entry div.column2 blockquote,
.entry div.column3 h2,
.entry div.column3 h3,
.entry div.column3 h4,
.entry div.column3 h5,
.entry div.column3 p,
.entry div.column3 ul,
.entry div.column3 ol,
.entry div.column3 pre,
.entry div.column3 table,
.entry div.column3 blockquote{
	margin-right: 0;
}

/* ---------------
ユニットの設定
--------------- */
/* 画像 */
.column-image-right {/*右*/
    margin: 0 20px 20px 0;
}

.column-image-center {/*中央*/
	padding-right: 20px;
	text-align: center;
}

/* 画像URL */
.column-eximage-right {/*右*/
    margin: 0 20px 20px 0;
}
.column-eximage-center {/*中央*/
	padding-right: 20px;
	text-align: center;
}

/* 地図 */
.column-map-right {/*右*/
    margin: 0 20px 20px 0;
}
.column-map-center {/*中央*/
	padding-right: 20px;
}

/* Youtube */
.column-youtube-right{/*右*/
	margin: 0 20px 20px 0;
}
.column-youtube-center{/*中央*/
	padding-right: 20px;
}

/* 画像の最大幅 */
div.column-image-center,
div.column-image-left,
div.column-image-right,
div.column-image-auto{
	max-width : 100%;
}

/* Youtubeの最大幅 */
.column-youtube-center,
.column-youtube-left,
.column-youtube-right,
.column-youtube-auto{
	max-width: 660px;
}





/* 色 */

.red {
	color: red;
}
.blue {
	color: blue;
}