/* ----------------------------------------------------------------------------
	CONTENT
 ==============================================================================

	1.	Style Reset ( http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 )
	2.	Grid System ( http://grids.heroku.com/grid.css?column_width=188&column_amount=5&gutter_width=0 licensed:  GPL and MIT )
	3.	Global Styles
	4.	Header Styles
	5.	Primary Styles
	6.	Secondary Styles
	7.	Footer Styles

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


/*-----------------------------------------------------------------------
	1.	Style Reset
-----------------------------------------------------------------------*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video
{
border:0;
font-size:100%;
font:inherit;
vertical-align:baseline;
margin:0;
padding:0
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section
{
display:block
}

body
{
line-height:1
}
ol,ul
{
list-style:none
}
blockquote,q
{
quotes:none
}
blockquote:before,blockquote:after,q:before,q:after
{
content:none
}
table
{
border-collapse:collapse;
border-spacing:0
}


/*-----------------------------------------------------------------------
	2.	Grid System
-----------------------------------------------------------------------*/

.container_5{margin-left:auto;margin-right:auto;width:940px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5{display:inline;float:left;position:relative;margin-left:0;margin-right:0}.push_1,.pull_1,.push_2,.pull_2,.push_3,.pull_3,.push_4,.pull_4,.push_5,.pull_5{position:relative}.alpha{margin-left:0}.omega{margin-right:0}.container_5 .grid_1{width:185px}.container_5 .grid_2{width:370px}.container_5 .grid_3{width:555px}.container_5 .grid_4{width:740px}.container_5 .grid_5{width:940px}.container_5 .prefix_1{padding-left:185px}.container_5 .prefix_2{padding-left:370px}.container_5 .prefix_3{padding-left:555px}.container_5 .prefix_4{padding-left:740px}.container_5 .suffix_1{padding-right:185px}.container_5 .suffix_2{padding-right:370px}.container_5 .suffix_3{padding-right:555px}.container_5 .suffix_4{padding-right:740px}.container_5 .push_1{left:185px}.container_5 .push_2{left:370px}.container_5 .push_3{left:555px}.container_5 .push_4{left:740px}.container_5 .pull_1{left:-185px}.container_5 .pull_2{left:-370px}.container_5 .pull_3{left:-555px}.container_5 .pull_4{left:-740px}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}

.table_th{
	padding: 8px;
	text-align:left;
	vertical-align:top;
	background-color:#EEEEEE;
	border: 1px solid #b9b9b9;
}

.table_td{
	padding: 8px;
	text-align:left;
	/* background-color:#F6F6F6; */
	background-color:#F6F6F67D;
	border: 1px solid #b9b9b9;
}

.text-page_inquiry
{
	font-size: 12px;
	font-family: Arial, 'lr oSVbN';
	color: #333333;
	text-align: right;
	display: inline;
	line-height: 150%;
}
.group
{
	margin-left:12px;
	margin-bottom:10px;
	color:#ffffff;
	text-align:left;
	display:inline-block;
	width:130px;
	vertical-align:top
}

.group a:link
{
	font-size: small;
	color: #ffffff;
}
.group a:visited
{
	font-size: small;
	color: #ffffff;
}

.footergroup
{
	margin-left:12px;
	margin-bottom:10px;
	color:#ffffff;
	text-align:left;
	display:inline-block;
	vertical-align:top;
}

.footergroup a:link
{
	font-size: small;
	color: #ffffff;
}

.footergroup a:visited
{
	font-size: small;
	color: #ffffff;
}
/* ------------------------------------- /
/    footer
/* ------------------------------------- */
#footer2{
    text-align: center;
    padding: 40px 0;
    background-color: #333844;
}

/*  logo
/*--------------------------------- */
#footer2 .logo{
    margin-top: 0;
}

.logo p { /* 丸とフォントのスタイリング */
    margin: 0;
    padding-top: 34px;
    width: 100px;
    height: 100px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    font-size: 26px;
    color: #7E7E7E;
    font-weight: bold;
    background-color: #fff;
}

/*  nav
/*--------------------------------- */
#footer2 .navbar-nav>li {
    border-right: 1px solid #000;
}
#footer2 .navbar-nav>li.first{
    border-left: 1px solid #000;
}

#footer2 .navbar-nav li a{
    color: #fff;
}



/*****************************追記＿新＿ＴＯＰ＿通常*******************************************/

/*  sns-icon
/*--------------------------------- */
.sns-icon{
    margin-top: 30px;
}

.sns-icon li{
    padding-left: 20px;
}
.sns-icon li:hover{
    color: #fff;
}

/*  copy
/*--------------------------------- */
.copy{
    margin-top: 20px;
}

.copy span{
    color: #fff;
}

.copy a{
    color: #fff;
}


#fnavi2 {
text-align:center;
}
#fnavi2 ul {
display:inline;
padding-left:5px;
border-left:1px solid #000000;
}
#fnavi2 li {
display:inline;
padding-left:5px;
padding-right:10px;
border-right:1px solid #000000;
}
.headerTop_txt {
    margin-top: 5px;
    margin-bottom: -3px;
    font-size: 11px;
}

/****************************************************************ここから追記****************************************************************************************/

body{
	min-width: auto;
}

.carousel {
  margin: 30px 0;
}

.carousel-caption {
  z-index: 10;
}

.carousel .item {
  background-color: #777;
}
/*
.carousel,
.carousel .item,
.carousel .item-mask,
.carousel-inner > .item > img {
	height:160px;
}

.carousel .item-mask {
	width:100%;
	overflow:hidden;
}

.carousel-inner > .item > .item-mask > img {
  position: absolute;
}
*/
/*文字の調節*/
/*あなたに、IT＿文字の調節*/
.carousel-text-up{
  padding: 10px;
  padding-bottom:50px;
}
.carousel-text-left{
  padding-right: 10px;
}
/*業界、非公開＿大きくすると上に行く*/
.carousel-text-up-more{
  padding-bottom: 70px;
}
.carousel-text-left-more{
  padding-right: 10px;
}
.carousel-text-right{
  padding-left: 10px;
}
.carousel-text-default{
  font-size: 90%;
  line-height: 150%;
}
/*header＿通常＿ナビ*/
.header-2 #bs-example-navbar-collapse-1{
	padding-right:300px;
}
.header-2 .navbar-header{
	padding-left:300px;
}
/*---------------------------------------------------------------------------------------------------------------------------

----------------------------------------------追記しました＿通常----------------------------------------------------

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

/**********************************全体******************************************/
.wrap{
	overflow:hidden;
}

h2{
	font-size:14px;
	margin-top: 0;
}

/*最上のマージン*/
.top-margin{
	margin-top:20px;
}

.btn-margin{
	margin:0 auto;
	margin-bottom:40px;
}
.btn-top {
  color: #fff;
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.btn-test {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}
.btn-margin{
	margin-top:15px;
}
/*WIDTH解除*/
.kibou input,.kibou{
	width: auto;
}
/*****************************追記しました＿ＴＯＰ＿通常*******************************************/
/*漫画の間にマージン*/
.manga li{
	margin-bottom:10px;
}
/* フリーエンジニアの登録から就業までの流れ*/
.nagare{
	overflow:hidden;
	padding:20px;
}
.nagare li{
	float:left;
}
/*マップ下の二つ*/
table p{
	padding:5px 10px;
}


/***************************************************詳細＿通常*****************************************************************/
.syousai-kensaku .panel-heading{
	width:120px;
}

.syousai-kensaku .panel-heading-mail{
	width:200px;
}

.syousai-kensaku .panel-heading-mail-footer{
	width:500px;
}

.syousai-kensaku .form-control{
	margin-bottom:10px;
}
.syousai-kensaku ul li{
	float:left;
	margin-left:5px;
}
.syousai-kensaku .panel-heading{
	padding:0;
}
/*希望月額金額のinput*/
.syousai-kensaku .kensaku-sel{
	width:80px;
}

/***************************************************案件＿通常*****************************************************************/
.anken-left,.anken-right{
	float:left;
}
.anken-left{
	width:100px;
}
/*戻る以外の間＿調整*/
.anken-margin{
	padding-left:15px;
	padding-right:15px;
	margin-top:-8px;
}
/*担当コンサルタント*/
.konsaru-border{
	overflow:hidden;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	padding-top:10px;
}
.konsaru-img,.konsaru-text{
	float:left;
}
.konsaru-img img{
	width:221px;
	height:200px;
}
.konsaru-text{
	margin-left:20px;
	font-size:13px;
	width:660px;
}

/**************************************************登録２＿通常****************************************************************/

.registar2-table{
	margin-right: 20px;
}
.textarea-kiyaku{
	width:527px;
}

/***********************************************インフォメーション＿通常******************************************************/

/*特殊な3カラムのテーブル*/
.three-table .active,.three-table center,.list-group-item-text{
	float: left;
	margin-left: 15px;
}
.three-table-one{
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	padding: 10px 0;
}
.info-left{
	float: left;
	width: 192px;
}
.info-right{
	float: left;
	width: 451px;
}
.modoru{
	margin-top: 10px;
	margin-bottom: 10px;
}
/*インフォのナビをそれぞれ上に*/
.info-up{
	margin-top: -663px;
}
.info-up-company{
	margin-top: -1016px;
}
.info-up-start{
	margin-top: -663px;
}
.info-up-merit2{
	margin-top:-663px;
}
.info-up-faq{
	margin-top:-663px;
}
.info-up-privacy{
	margin-top:-998px;
}
/**********************************************************エンジニア＿通常*******************************************************************/
.free-sub{
	 border-radius: 10px;
	 -webkit-border-radius: 10px;
	 -moz-border-radius: 10px;
	 background:#eeeeee;
	 overflow: hidden;
	 padding: 13px;
	 line-height:1.3;
	 margin:30px 0 20px 0;
	 font-size:14px;
}
.free-h2{
	margin-bottom:50px;
}
@media (max-width: 1515px) {

}
@media (max-width: 1215px) {
	/*header＿ナビ*/
.header-2 #bs-example-navbar-collapse-1{
	padding-right: 200px;
}
.header-2 .navbar-header{
	padding-left: 200px;
}

}

@media (max-width: 991px) {
/*インフォメーション*/
.info-right{
	width: auto;
}
/*インフォメーションナビの上下*/
.info-up{
	margin-top: -2593px;
}
.info-up-faq{
	margin-top:-1586px;
}
}

/**上部申込ボタン追記2016.04.26**/
.mousikomi-top{
	position:absolute;
	left: 130px;
	top: 50px;
}
/**ヘッダーデザイン追記2016.04.21**/

 nav .trk-btn{ 
 	appearance:none;
 	-webkit-appearance:none;
 	border: none;
 	border-radius: 5px ;
	margin: -8px 0 ;
	padding: 8px 10px ;	
	white-space: nowrap;
	background-image: #337ab7; /* Old browsers */
	background-image: -moz-linear-gradient(top, #337ab7 60%, #3B6189 100%); /* FF3.6-15 */
	background-image: -webkit-linear-gradient(top, #337ab7 60%,#3B6189 100%); /* Chrome10-25,Safari5.1-6 */
	background-image: linear-gradient(to bottom, #337ab7 60%,#3B6189 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#337ab7', endColorstr='#194a75',GradientType=0 ); /* IE6-9 */

}

 nav .trk-btn:hover{ 
 	background-image: #194a75; /* Old browsers */
	background-image: -moz-linear-gradient(top, #3B6189 100%, #337ab7 0%); /* FF3.6-15 */
	background-image: -webkit-linear-gradient(top, #3B6189 100%, #337ab7 0%); /* Chrome10-25,Safari5.1-6 */
	background-image: linear-gradient(to bottom, #3B6189 100%, #337ab7 0%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#337ab7', endColorstr='#194a75',GradientType=0 ); /* IE6-9 */

}

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

--------------------------------------------------追記しました＿スマホ用---------------------------------------------------------

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

@media (max-width: 767px) {
/******************************************************全体＿スマホ用****************************************************************/
.top-margin{
	margin-top:0px; /*	margin-top:10px; */
}

/*header＿ナビ＿調整*/
.header-2 #bs-example-navbar-collapse-1 .none-1{
	display:none;
}

/*header＿通常＿ナビ*/
.header-2 #bs-example-navbar-collapse-1{
	padding-right:0;
}

.header-2 .navbar-header{
	padding-left:0;
}

/*青ボタンと緑ボタン*/
.btn-margin{
	margin-top:20px;
	margin-bottom:10px;
}
textarea,.textarea-kiyaku{
	width: 100%;
}
.form-group{
	float: none;
	width: auto;
}
/*テーブルのレスポンシブ化*/
table{
	 width: 100%;
}

.demo01 th{
	width: 30%;
	text-align: left;
}
.demo01{
	padding-right: 1000px;
}

.demo01 tr:first-child th   {
	border-top: 1px solid #ddd;
}
.demo01 .info-none{
	display:none;
}

/*ナビ*/
.header-1 .form-group{
	width: 200px;
	float: left;
}
/*トップのナビを小さくしたときに可変*/
body .navbar-move{
	position:static;
	margin-bottom: 0;
}

/*****************************************************トップ＿スマホ用**********************************************************/
.top-table .table th,.top-table .table td{
	border-left:none;
	border-right:none;
}
.left{
	width:15%;
}
/*ヘッダー1*/
.header-1{
	padding-left: 15px;
	padding-right: 15px;
}
/*タイトル*/
.headerTop_txt{
	width: 300px;
}
.navbar-fixed-top{
	position: static;
}
.navbar-nav li{
	float: left;
	width: 33.33%;
/*	text-align:center;
	float:left;
	width:33.333%;*/
}
.navbar{
	margin-bottom: 0;
}
/*トップ＿ナビ*/
.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse
{
	font-size: 10px;
	max-height: 440px
}
navbar-fixed-top{
	position:static;
}
/*Topの大きい画像*/
/*
.carousel,
.carousel .item,
.carousel .item-mask,
.carousel-inner > .item > .item-mask > img {
	margin: 0px;
	height :200px;
   	width: 100%;
}
*/
/*Topの文字が見にくいので…*/
.carousel-text-default{
	-moz-text-shadow: 1px 1px #fff;
	-webkit-text-shadow: 1px 1px #fff;
	text-shadow: 1px 1px #fff;
	font-size: 80%;
  	line-height: 150%;
}
/*検索キーワード入力～フリーランスコンテンツ＿widthが指定してあったので可変に！*/
.container_5{
	width: auto;
}
/*検索キーワード入力～検索する*/
.sentaku{
	margin-bottom: 20px;
}
/*マップを可変に！*/
#map{
	width: 100%;
}
/*バナーとか漫画とか*/
.manga{
	text-align: center;
	margin-bottom: 20px;
}
/* フリーエンジニアの登録から就業までの流れ*/
.nagare{
	margin-top: 20px;
	padding: 0;
}
.nagare li{
	float: none;
	text-align: center;
}
/*最後の黒が多いのでcopy以外は消す*/
.footersitemap,.sectionsitemap ul{
	display:none;
}

/****************************************************詳細＿スマホ用*********************************************************************/
form.navbar-form.navbar-left {
	padding: 0 15px 10px 15px;
}

/*フリーワードから検索するを削除*/
.searchsubmit-nav{
	margin-left: 15px;
}
.syousai-kensaku .form-group{
	float: none;
}
.syousai-kensaku .searchsubmit-nav{
	margin-top: 40px;
	margin-left: -150px;
}
/*検索する*/
.syousai-kensaku .searchsubmit{
/*	margin-top: 40px;*/
}
/*希望月額金額のinput*/
.syousai-kensaku .kensaku-sel{
	width:auto;
}
.konsaru-text{
	font-size:13px;
	width:auto;
	margin-left:0;
}

/*******************************************************案件＿スマホ用******************************************************************/
.anken-acro th{
	width:90px !important;
	padding-top:10px !important;
}
.anken-left{
	font-weight:bold;
	border-bottom:1px solid #ccc;
}
.anken-left,.anken-right{
	float: none;
	font-size: small;
}
/********************************************************登録１＿スマホ用****************************************************************/
.t-regi{
	padding-left:15px;
	padding-right:15px;
}
/********************************************************登録２＿スマホ用****************************************************************/
.float-right{
	margin-left:-13px;
}
.float-right-sm{
	margin-left:1px;
}

/*****************************************************お問い合わせ＿スマホ用*************************************************************/

.navbar-fixed-top{
	position:static;
}

.navbar{
	margin-bottom:0;
}

/******************************************************ログイン＿スマホ用**************************************************************/
.login-group .form-group,.info-left,.info-right{
	width: 100%;
	margin-left: 0;
	margin-right: 0;
	float: none;
}
/***************************************************インフォメーション＿スマホ用*******************************************************/
.info-up,
.info-up-start,
.info-up-company,
.info-up-merit2,
.info-up-faq,
.info-up-local,
.info-up-privacy{
	margin-top: 0px;
}
.list-group-item-text{
	margin-top: 10px;
	width: 100%;
}
/*テーブルの一つ一つ*/
.three-table-one{
	padding: 5px 0;
}

.three-table-one .list-group-item{
	padding:0;
}

.list-group-item{
	text-align: center;
}

.three-table{
	margin-left: -15px;
}
/*****************************************************エンジニア＿スマホ用***********************************************************/
.free-h2{
 	font-size:22px;
	font-weight:bold;
	margin-bottom:20px;
}
.free-p{
 	font-size:14px;
	line-height:1.3;
	margin:20px 0;
	overflow:hidden;
	padding:0 10px;
}

/*****************************************************漫画＿スマホ用***********************************************************/
/*****************************************************ローカル＿スマホ用***********************************************************/
.img-768{
	width:100%;
}
.panel-body h4{
	font-size:10px;
	text-align:center;
}

}

@media (max-width: 466px) {
/*細長い画像*/
.img-466{
	width:100%;
}

#main > div > table > tbody > tr > th{
	width: 100%;
}

#main > div > table > tbody > tr > td{
	width: 100%;
}

/**上部申込ボタン追記スマホ用2016.04.20**/
.mousikomi-top{
	position:absolute;
	left: 51%;
	top: 70px;
}

.nav li {
	float:left;
	text-align: center;
	margin: -8px 0;
}

.nav li a{
	width:120px;
}

 nav .trk-btn{ 
 	font-size: 12px;
 	margin-left: -25%;
 }

}

@media (min-width: 768px) {
/*文字あわせ*/
.carousel-text-left .it{
	margin-top:-270px;
}
.btn-test{
	margin-bottom:120px;
}
/*
  .carousel,
	.carousel .item,
	.carousel .item-mask,
	.carousel-inner > .item > .item-mask > img {
		height:450px;
    width:100%;
	}
*/
  .carousel-text-up{
    padding-bottom: 80px;
  }
  .carousel-text-left{
    padding-right: 280px;
  }
  .carousel-text-up-more{
    padding: 180px;
  }
  .carousel-text-left-more{
    padding-right: 490px;
  }
  .carousel-text-right{
    padding-left: 750px;
  }
  .carousel-text-default{
    font-size: 150%;
    line-height: 150%;
  }
  body{
	  padding-top:64px;
  }
/*header＿ナビ＿調整*/
.header-2 .navbar-collapse .none-2{
	display:none;
}
}
@media (min-width: 992px) {
/*
	.carousel,
	.carousel .item,
	.carousel .item-mask,
	.carousel-inner > .item > .item-mask > img {
		height:500px;
    width:100%;
	}
*/
  .carousel-text-up{

  }
  .carousel-text-left{
    padding-right: 270px;
  }
  .carousel-text-up-more{
    padding: 210px;
  }
  .carousel-text-left-more{
    padding-right: 600px;
  }
  .carousel-text-right{
    padding-left: 750px;
  }
  .carousel-text-default{
    font-size: 160%;
    line-height: 150%;
  }
}

@media (min-width: 1200px) {
/*
	.carousel,
	.carousel .item,
	.carousel .item-mask,
	.carousel-inner > .item > .item-mask > img {
		height:550px;
    width:100%;
	}
*/
  .carousel-text-up{

  }
  .carousel-text-left{
    padding-right: 280px;
  }
  .carousel-text-up-more{
    padding: 230px;
  }
.carousel-text-left-more{
    padding-right: 700px;
}
.carousel-text-right{
    padding-left: 750px;
}
.carousel-text-default{
    font-size: 180%;
    line-height: 150%;
}
/*ヘッダー１*/
body .header-1{
	padding-left:200px;
	padding-right:200px;
}
}

@media (min-width: 1400px) {
/*
	.carousel,
	.carousel .item,
	.carousel .item-mask,
	.carousel-inner > .item > .item-mask > img {
		height:580px;
    width:100%;
	}
*/
  .carousel-text-up{

  }
  .carousel-text-left{
    padding-right: 300px;
  }
  .carousel-text-up-more{
    padding: 240px;
  }
  .carousel-text-left-more{
    padding-right: 770px;
  }
  .carousel-text-right{
    padding-left: 750px;
  }
  .carousel-text-default{
    font-size: 200%;
    line-height: 150%;
  }
/*ヘッダー１*/
body .header-1{
	padding-left:300px;
	padding-right:300px;
}
}

@media (min-width: 1600px) {
/*
	.carousel,
	.carousel .item,
	.carousel .item-mask,
	.carousel-inner > .item > .item-mask > img {
		height:610px;
    width:100%;
	}
*/
  .carousel-text-up{

  }
  .carousel-text-left{
    padding-right: 400px;
  }
  .carousel-text-up-more{
    padding: 270px;
  }
  .carousel-text-left-more{
    padding-right: 870px;
  }
  .carousel-text-right{
    padding-left: 200px;
  }
  .carousel-text-default{
    font-size: 200%;
    line-height: 150%;
  }
}

.carousel-text-serif {
  font-family: serif;
}

.carousel-text-small{
  font-size: 150%;
}
.carousel-text-black{
  color: #333333;
}
.carousel-text-white{
  color: #ffffff;
}
.carousel-text-red{
  color: #ff3333;
}
bg-hover{
	padding-top:00px;
}
a.bg-hover:hover {
	filter:alpha(opacity=80);
	opacity:0.8;
}

/*****************************************************登録画面のCSS_2016_01_22に追加。***********************************************************/
.warning{
	background-color: #ff5b5b;
	padding: 3px;
	font-size: 90%;
}

.should{
	background-color: #999999;
	padding: 3px;
	font-size: 90%;
	color: white;
	font-weight: bold;
}

div.must_should{
	text-align: right;
	float: right;
	font-weight: bold;
}

.push_button{
	background-color: #708090;
	border-radius: 10px;
	padding: 2px 5px;
	font-size: 90%;
	cursor: pointer;
}

.click1{
	cursor: pointer;
}

.click2{
	cursor: pointer;
}

.click3{
	cursor: pointer;
}

.viewer {
	z-index: 1;
	position: relative;
}

#main > div > table > tbody > tr > th{
	width: 30%;
}

#main > div > table > tbody > tr > td{
	width: 70%;
}

@media (max-width: 466px) {
/*細長い画像*/
.img-466{
	width:100%;
}

div.must_should{
	text-align: none;
	float: none;
	font-weight: bold;
	display: inline-block;
}

#main > div > table > tbody > tr > th{
	width: 100%;
	display: block
}

#main > div > table > tbody > tr > td{
	width: 100%;
	display: block;
	border-top: none;
	border-bottom: none;
}
#main > div > table > tbody > tr:last-child > td{
    border-bottom: 1px solid #ddd;
}

}

.pankuzu > li {
	display: inline;
}


/*****************************************************登録画面のCSS_2017_01_19追加分***********************************************************/
tbody > tr{
    width: 100%;
    clear: both;
}
.demo01 td>input[type="text"], .demo01 td>input[type="email"], .demo01 td>input[type="password"]{
    height: 20px;
    width: 370px;
}
div.container-fluid{
    margin: 0;
    padding: 0;
}
.float.float-right{
    margin-left: -13px;
}
#main .th_toggle1{
    display: none;
    overflow: hidden;
}
#main .td_toggle1{
    display: none;
    overflow: hidden;
}
#main .th_toggle2{
    display: none;
    overflow: hidden;
}
#main .td_toggle2{
    display: none;
    overflow: hidden;
}
#main .th_toggle3{
    display: none;
    overflow: hidden;
}
#main .td_toggle3{
    display: none;
    overflow: hidden;
}

@media (min-width: 951px) {

    tr.kibou>td.th_toggle3 tr>td{
        display: block;
        width: 205px;
    }
    tr.kibou>td.th_toggle3 tr>td:nth-child(3n-1){
        margin: -22px 0 3px 205px;
    }
    tr.kibou>td.th_toggle3 tr>td:nth-child(3n){
        margin: -25px 0 5px 410px;
    }
}
@media screen and (min-width: 768px) and (max-width:950px) {

    tr.kibou>td.th_toggle2 tr>td{
        display: block;
        width: 100px;
    }
    tr.kibou>td.th_toggle2 tr>td:nth-child(even){
        margin: -22px 0 3px 120px;
    }
    tr.kibou>td.th_toggle3 tr>td{
        display: block;
        width: 205px;
    }
    tr.kibou>td.th_toggle3 tr>td:nth-child(even){
        margin: -22px 0 3px 205px;
    }
}
@media screen and (min-width: 670px) and (max-width: 768px){

    input[type="text"], input[type="email"], input[type="password"]{
        width: 95%;
    }
    tr.kibou>td.th_toggle2 tr>td{
        display: block;
        width: 100px;
    }
    tr.kibou>td.th_toggle2 tr>td:nth-child(even){
        margin: -22px 0 3px 120px;
    }
    tr.kibou>td.th_toggle3 tr>td{
        display: block;
        width: 205px;
    }
    tr.kibou>td.th_toggle3 tr>td:nth-child(even){
        margin: -22px 0 3px 205px;
    }
}

@media screen and (min-width: 467px) and (max-width: 669px){

    input[type="text"], input[type="email"], input[type="password"]{
        width: 95%;
    }
    tr.kibou>td.th_toggle2 tr>td{
        display: block;
        width: 100px;
    }
    tr.kibou>td.th_toggle2 tr>td:nth-child(even){
        margin: -22px 0 3px 120px;
    }
    tr.kibou>td.th_toggle3 tr>td{
        display: block;
        width: 205px;
    }
}
@media screen and (min-width: 400px) and (max-width: 466px) {

    font.should{
        margin-left: 10px;
    }
    font.warning{
        margin-left: 10px;
    }
    tr.kibou>td.th_toggle2 tr>td{
        display: block;
        width: 100px;
    }
    tr.kibou>td.th_toggle2 tr>td:nth-child(even){
        margin: -22px 0 3px 120px;
    }
    tr.kibou>td.th_toggle3 tr>td{
        display: block;
        width: 205px;
    }
    tr.kibou>td.th_toggle3 tr>td:nth-child(even){
        margin: -22px 0 3px 205px;
    }
}
@media screen and (max-width: 399px){

    font.should{
        margin-left: 10px;
    }
    font.warning{
        margin-left: 10px;
    }
    tr.kibou>td.th_toggle2 tr>td{
        display: block;
        width: 100px;
    }
    tr.kibou>td.th_toggle2 tr>td:nth-child(even){
        margin: -22px 0 3px 125px;
    }
    tr.kibou>td.th_toggle3 tr>td{
        display: block;
        width: 205px;
    }
}

/*	kensaku_result.php	*/
body.kensakuresult .container_5 { max-width: 940px; width: 95%; }
body.kensakuresult #main > div > .container-fluid > .row { margin: 0; }

@media (max-width: 767px) {
	body.kensakuresult #main .nagare {
		padding: 10px;
	}
}
@media (min-width: 768px) {
	body.kensakuresult #main .navbar-left {
		float: none	!important;
	}
	body.kensakuresult #main .navbar-form .form-group {
		display: block;
	}
}
@media screen and (max-width: 992px) and (min-width: 467px) {
	body.kensakuresult #main input[type="text"], body.kensakuresult #main input[type="email"], body.kensakuresult #main input[type="password"] {
	    width: 95%;
	}
}

/* 20200717 記事の詳細ページでリストが機能しない為に追加(仮)*/
.row ul,.row ol{
	list-style: inside;
}