/* common.css */

@import url(https://fonts.googleapis.com/css?family=Lato:400,700);
@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);

body {
	/*
    font-family: "Noto Sans JP", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    */
    font-family:"Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
    padding-bottom: 0;
}

p {
	margin: 0;
}

.row {
	margin: 0;
}

.col-md-12 {
	padding: 0;
}

h1 {
	font-size: 18px;
	text-align: center;
	padding-top: 10px;
	font-weight: bold;
}

h2 {
	font-size: 15px;
	text-align: center;
	line-height: 2.5;
}

h3 {
	font-size: 18px;
	text-align: center;
	padding-top: 80px;
	font-weight: bold;
	margin-bottom: 45px;
}

h4 {
	color: #000;
	font-size: 16px;
	padding: 15px;
}

h5 {
	font-size: 18px;
	text-align: center;
	padding-top: 120px;
	font-weight: bold;
	margin-bottom: 100px;
}

h6 {
	background-color: #000;
	padding: 10px 20px;
	color: #fff;
	font-size: 16px;
}

.mob01 {
	font-size: 18px;
	text-align: center;
	padding-top: 80px;
	font-weight: bold;
	margin-bottom: 60px;
}

.navbar-inverse .navbar-nav>li>a:focus, .navbar-inverse .navbar-nav>li>a:hover {
	color: #868686;
}

.navbar-inverse .navbar-brand, .navbar-inverse .navbar-nav>li>a {
	text-shadow: none;
}

.nav>li>a {
	padding: 15px 10px;
}

/* matsusyo top css */

.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
	background-color: #fff;
	padding: 20px 0;
	border-bottom: 4px solid #000;
}

.navbar-inverse .navbar-nav>li>a {
	color: #000;
}

.topics01 {
	height: 180px;
	overflow: auto;
	margin-bottom: 100px;
	padding: 10px;
}

.topics01 dd {
	border-bottom: 1px solid #ccc;
	padding-bottom: 5px;
}

.topics01 dt {
	padding-top: 10px;
}

.back_color01 {
	background-color: #000;
	padding: 10px 0;
	color: #fff;
	margin-top: 150px;
}

.top01 {
	margin-top: 50px;
	line-height: 1.8;
	font-size: 15px;
}

.top02 {
	margin-top: 100px;
	text-align: center;
}

.text01 {
	font-size: 18px;
	font-weight: bold;
}

.border01 {
	border-top: 1px dotted #ccc;
	margin: 30px 0;
}

.back_color02 {
	background-color: #e5e5e5;
	padding: 20px 0;
	margin-top: 200px;
}

.footer01 p{
	line-height: 1.8;
}

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

.back_color03 {
	background-color: #000;
	padding: 15px 0;
	color: #fff;
	font-size: 12px;
}

.top03 {
	font-size: 18px;
}


.sec01 {
  font-size: 18px;
  text-align: center;
}


/*-----------
torikumi.css-------------*/

.back_color04 {
	background-color: #efefef;
	margin-top: 60px;
	padding: 40px 0;
}

.back_color05 {
	margin-top: 60px;
	padding: 40px 0;
}

.torikumi01 {
	display: inline-block;
	text-align: center;
	float: right;
	background-color: #811c21;
	padding: 10px 55px;
	margin-top: 15px;
}

.torikumi01 a {
	color: #fff;
}

.torikumi01 a:hover {
	opacity: 0.8;
}

.torikumi02 {
	display: inline-block;
	text-align: center;
	float: left;
	background-color: #811c21;
	padding: 10px 55px;
	margin-top: 15px;
}

.torikumi02 a {
	color: #fff;
}

.torikumi02 a:hover {
	opacity: 0.8;
}

.torikumi03 {
	line-height: 2.0;
}

.torikumi04 {
	text-align: center;
	background-color: #811c21;
	padding: 10px 55px;
	margin-top: 15px;
}

.torikumi04 a {
	color: #fff;
}

.torikumi04 a:hover {
	opacity: 0.8;
}

.torikumi05 {
	font-size: 17px;
	margin-top: 10px;
	display: inline-block;
}


/*-----------
intro.css-------------*/

.intro01 {
	margin: 30px 0;
}

.intro02 {
	margin: 20px 0;
}

table .b {
	background-color: #aaa;
}


.back_color06 {
	background-color: #e6e6e6;
	padding: 30px 0;
}

.back_color07 {
	padding: 30px 0;
}

.intro03 {
	margin: 80px 0 10px 0;
	text-align: center;
	font-size: 18px;
}


/*-----------
about.css-------------*/

.about01 {
	font-size: 30px;
	text-align: center;
	margin: 50px 0;
}

.about02 {
	font-size: 16px;
	text-align: center;
	margin-bottom: 50px;
}

.table .about03 {
	padding: 20px 5px;
}

.table .about04 {
	color: #87262b;
}

.about05 {
	font-size: 24px;
	text-align: center;
	margin: 50px 0;
}

.about06 {
	font-size: 14px;
	text-align: center;
	margin-bottom: 50px;
	line-height: 1.8;
}

.ggmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
margin-top: 50px;
}

.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}


/*-----------
fare.css-------------*/

.font01 {
    font-family: "Noto Sans JP", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.fare01 {
	margin: 10px 0;
}

.fare02 {
	margin-top: 100px;
}

.border02 {
	border-top: 1px dotted #ccc;
	margin: 10px 0;
}

.fare03 {
	border-bottom: 1px dotted #ddd;
	line-height: 1.8;
	padding-bottom: 20px;
	margin-bottom: 20px;
}

.fare04 {
	line-height: 2.0;
	padding: 20px 0;
}

.margin02 {
	margin-top: 30px;
}

.fare05 {
	text-align: center;
	margin-top: 10px;
	font-weight: bold;
}

.fare06 {
	text-align: center;
	font-size: 80px;
}


.fare07 {
	font-size: 22px;
	margin-bottom: 0px;
}

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
	vertical-align: middle;
}

.fare08 {
	margin-top: 100px;
}

.table {
	margin-bottom: 5px;
}


/*-----------
recruit.css-------------*/

.recruit01 {
	border: 1px solid #ccc;
	padding: 10px;
	margin-top: 10px;
}

.recruit02 {
	padding: 10px 20px;
	background-color: #eaab22;
	display: inline-block;
	color: #fff;
}

.recruit03 {
	padding: 10px;
	font-size: 18px;
	font-weight: bold;
}

.text02 {
	font-size: 18px;
	font-weight: bold;
	border: 1px solid #ccc;
	padding: 15px 25px;
	margin: 40px 0;
	background-color: #eaab22;
	display: inline-block;
}

.text02 a {
	color: #fff;
}


















/*トップ画像ワイドサイズ2500以上調整
------------------------- */

.over {
	width: 100%;
}


/*textsize調整
------------------------- */



.text03 {
	font-size: 12px;
	margin-top: 5px;
	word-wrap: break-word;
}

.text04 {
	font-size: 14px;
	margin-top: 10px;
}

.text05 {
	font-size: 10px;
}

.text06 {
	line-height: 2.0;
}

.text07 {
	font-size: 14px;
	font-weight: bold;
	text-align: center;
}

.text08 {
	font-weight: bold;
}

.text09 {
	font-size: 12px;
	line-height: 1.5;
	margin-bottom: 20px;
}



/*border調整
------------------------- */

.border02 {
	border-bottom: 1px solid #777;
}

.border03 {
	border-bottom: 1px dotted #777;
}

.border04 {
	border-top: 1px solid #777;
	margin-top: 15px;
	padding-top: 15px;
}

/*margin調整
------------------------- */

.margin01 {
	margin-top: 40px;
	margin-bottom: 50px;
}



.margin03 {
	margin-top: 100px;
	margin-bottom: 40px;
}

.margin04 {
	margin-top: 80px;
}

.margin05 {
	margin-top: 15px;
	margin-bottom: 5px;
}

.margin06 {
	padding-bottom: 10px;
}

.margin07 {
	margin-top: 30px;
}

.margin08 {
	padding: 15px 0;
}

.margin09 {
	margin-top: 10px;
}

.margin10 {
	margin-top: 40px;
	margin-bottom: 10px;
}

/*form調整
------------------------- */

.form01 {
	color: #111111;
	font-size: 12px;
}

.form02 {
	color: #ff0000;
	font-size: 16px;
}

.form03 {
	color: #ff0000;
	font-size: 18px;
}


/*animation調整
------------------------- */
.anime01 {
	-webkit-transition: .5s ease-in-out;
}

.anime01:hover{
    -webkit-border-top-left-radius: 50%;
    -webkit-border-top-right-radius: 50%;
    -moz-border-radius-topleft: 50%;
    -moz-border-radius-topright: 50%;
    -webkit-border-bottom-right-radius: 50%;
    -webkit-border-bottom-left-radius: 50%;
    -moz-border-radius-bottomright: 50%;
    -moz-border-radius-bottomleft: 50%;
}

/*button調整
------------------------- */

.btn01 {
	display: inline-block;
	font-size: 12px;
	padding: 5px 20px;
	background-color: #6395e1;
	border-radius: 4px;
	margin-top: 25px;
	margin-right: 15px;
}

.btn01 a {
	color: #fff;
}

.btn02 {
	display: inline-block;
	font-size: 12px;
	padding: 5px 20px;
	background-color: #111419;
	border-radius: 4px;
	margin-top: 25px;
	margin-right: 15px;
}

.btn02 a {
	color: #fff;
}

.btn03 {
	padding: 5px 20px;
	font-size: 14px;
}


/* ul li a hover 設定
------------------------- */

.navbar-inverse .navbar-brand {
	padding-top: 10px;
	padding-left: 30px;
}

.navbar-nav {
    margin: 0 auto;
    display: table;
    table-layout: fixed;
    float:none;
}

.img-responsive-overwrite {
    margin: 0 auto;
}



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

.sec01 {
	line-height: 2.0;
	margin-top: 10px;
}


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

.footer {
	background-color: #000;
	color: #fff;
	text-align: center;
	padding: 20px 0 70px 0;
	font-size: 12px;
}


/* .viewer
------------------------- */
.viewer {
    margin: 0 auto;
    width: 100%;
    position: relative;
    overflow: hidden;
    height: 750px;
}
.viewer ul {
    width: 100%;
    overflow: hidden;
    position: relative;
}
.viewer ul li {
    top: 0;
    left: 0;
    width: 100%;
    position: absolute;
}
.viewer ul li img {
    width: 100%;
}

/*
var setElm = $(‘.viewer’)	スライドショー全体を囲うブロック要素名（IDでも可）
setMaxWidth = 800	スライドショー部分の最大幅
setMinWidth = 320	スライドショー部分の最小幅
fadeSpeed = 1500	フェードアニメーションスピード
switchDelay = 5000	スライドアニメーション待機時間
sideNavi = ‘off’	左右NEXT／BACKの表示／非表示（表示する場合は「on」）
sideHide = ‘hide’	左右NEXT／BACKのロールオーバーで表示切り替えON／OFF（常に表示させる場合は「show」等）
naviOpc = 0.5	左右NEXT／BACKの透過度
*/

/* sideNavi
------------------------- */
.viewer .btnPrev,
.viewer .btnNext {
    margin-top: -25px;
    top: 50%;
    width: 50px;
    height: 50px;
    position: absolute;
    z-index: 101;
}
.viewer .btnPrev {
    left: 10px;
    background: #ccc url(../img/btnPrev.jpg) no-repeat center center;
}
.viewer .btnNext {
    right: 10px;
    background: #ccc url(../img/btnNext.jpg) no-repeat center center;
}


/* =======================================
    ClearFixElements
======================================= */
.viewer ul:after {
    content: ".";
    height: 0;
    clear: both;
    display: block;
    visibility: hidden;
}

.viewer ul {
    display: inline-block;
    overflow: hidden;
}

.top {
	background-color: #ccc;
}

/* スライドすると画像が表示する仕様 */

.list{
	margin: 50px 50px 0px 50px;
	list-style-type: none;
	overflow: hidden;
}
.list li{
	margin: 0px 20px 0px 20px;
	text-align: center;
	transition: 2s;
}

.list-mv07{
	opacity: 0;
	transform: translate(0,60px);
	-webkit-transform: translate(0,60px);
}
.mv07{
	opacity: 1.0;
	transform: translate(0,0);
	-webkit-transform: translate(0,0);
}

/*その他の動き参考*/
/*
.list-mv07{
	transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
}
.mv07{
	transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
}
*/

/* =======================================
    トップに戻るボタン設定
======================================= */

#pageTop {
  position: fixed;
  bottom: 50px;
  right: 20px;
}

#pageTop a {
  display: block;
  z-index: 999;
  color: #888;
  padding: 5px;
  text-decoration: none;
  text-align: center;
  font-size: 10px;
  line-height: 1.2;
}


#pageTop a {
  display: block;
  z-index: 999;
  border-radius: 30px;
  width: 55px;
  height: 55px;
  background-color: rgba(0,0,0,.6);
  color: #fff;
  padding: 5px;
  text-decoration: none;
  text-align: center;
  font-size: 10px;
  border: 4px double #fff;
  line-height: 1.2;
}


#pageTop a:hover {
  text-decoration: none;
  opacity: 0.6;
}

/* =======================================
    user.html
======================================= */

.user01 {
	width: 200px;
	height: 200px;
}

.pagination  {
	margin-top: 40px;
}

.pagination>li>a, .pagination>li>span {
	background-color: #000;
	color: #fff;
}

/* =======================================
    about.html
======================================= */

.padding01 {
	padding: 0;
}

#table_center {
	margin: 0 auto;
}

.td01 {
	text-align: right;
	vertical-align: middle;
	width: 47%;
}

.td02 {
	text-align: left;
	vertical-align: middle;
	width: 53%;
}

.td03 {
	text-align: right;
	vertical-align: middle;
	padding: 10px;
	font-size: 12px;
}



/* =======================================
    work.html
======================================= */

.work01 a {
	display: block;
	color: #000;
}

.work01 a:hover {
	text-decoration: none;
	color: #fff;
}

.work01 {
	border: 1px solid #333;
	padding: 10px;
	border-radius: 6px;
	background-color: #fff;
	color: #000;
}

.work01 {
	display: inline-block;
	width: 100%;
	text-align: center;
	text-decoration: none;
	line-height: 24px;
	outline: none;
}
.work01::before,
.work01::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.work01,
.work01::before,
.work01::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all 2s;
	transition: all 2s;
}

.work01:hover {
	background-color: #000;
	color: #fff;
}

.list_none {
	list-style-type: none;
	line-height: 2.0;
	text-align: center;
	padding: 0;
}

.list_none a {
	text-decoration: underline;
}





/* =======================================
    news_detail.html
    worl_detail.html
======================================= */

.news01 {
	font-size: 14px;
}

.news02 {
	font-size: 10px;
	text-align: right;
}

.news03 {
	font-size: 20px;
	font-weight: bold;
	margin-top: 10px;
}

.news04 {
	margin-top: 20px;
}

.fix_bottom {
	position: fixed;
	bottom: 0;
	width: 100%;
}

/* jQuery ImageFit */
.ifit {
  width: 160px;
  height: 160px;
  padding: 0;
  margin: 10px;
  display: inline-block;
  vertical-align: top;
  background-color: #FFF;
}

.ifit_big {
  width: 250px;
  height: 250px;
}


.portfolio_sec{
  margin-left: auto;
  margin-right: auto;
}

.portfolio_sec .portfolio_row{
  display:inline-block;
  vertical-align: top;
  margin:10px;
}

.portfolio_sec .portfolio_row{
  display:inline-block;
  margin:10px;
  height:120px; width:120px; overflow: hidden;
}

.portfolio_sec .portfolio_row_index{
  height:250px; width:250px; overflow: hidden;
}