@charset "UTF-8";


/*===============================

 デフォルトBootstrapに追加

================================*/

/*
 common
 ******************************/


a {color:#666666}

body {
 color: #666666;
 font-family: "ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,Verdana,"游ゴシック",fantasy,YuGothic,sans-serif;
 /* [disabled]font-size: 14px; */
 /* [disabled]line-height: 20px; */
 margin: 0;
 overflow-x: hidden;
 padding: 0px;
 position: relative;
 line-height: 1.7;
 _background-position: center;
}

body h1 {
 background-color: #4C2D1D;
 color: #ffffff;
 font-size: 0.95em;
 font-weight: normal;
 line-height: 130%;
 margin: 0;
 padding-bottom: 3px;
 padding-top: 5px;
 text-align: center;
}

.box-01 {
 padding: 20px 10px;
}

.box-01 p {
 padding-left: 5px;
}

.bg-828282 {
 background-color: #828282;
 color: #FFFFFF;
 /* [disabled]font-size: 1.3em; */
}

h2.title {
 /* [disabled]line-height: 31px; */
 margin-bottom: 21px;
 padding: 8px 0 5px 10px;
 position: relative;
 /* [disabled]text-shadow: 3px 3px 5px #dcdcdc; */
 /* [disabled]font-weight: bold; */
 color: #FFFFFF;
 font-size: 1.0em;
 background-color: #F5F2E6;
 border: 1px solid #4C2D1D;
}


.box-01 h3 {
 margin-top: 0px;
 border-bottom: 1px dotted #FFFFFF;
 padding-bottom: 10px;
 padding-left: 5px;
 font-size: 1.0em;
}

.navbar-toggle .icon-bar {
  color:#fff;
}
.navbar-inverse .navbar-brand,
.navbar-inverse .navbar-nav > li > a {
 color: #FFFFFF;
}


h3.title {
 font-size: 1.1em;
 line-height: 150%;
 font-weight: bold;
 margin-bottom: 15px;
}
.bttom-btn {
 height: auto;
 width: 100%;
 padding-top: 10px;
 padding-bottom: 10px;
 text-align: center;
 background-color: #333;
 clear: both;
}
.line-box {
 padding: 5px;
 border-collapse: collapse;
}
#page-title .en {
 display: inline;
 font-family: "ヒラギノ丸ゴ Pro W4", "Hiragino maru Gothic Pro", "HG丸ｺﾞｼｯｸM-PRO","Verdana","Osaka",sans-serif;
 font-weight: bold;
 font-size: 1.3em;
}
#page-title .ja {
 display: inline;
 font-family: "ヒラギノ丸ゴ Pro W4", "Hiragino maru Gothic Pro", "HG丸ｺﾞｼｯｸM-PRO","Verdana","Osaka",sans-serif;
 font-weight: normal;
 font-size: 0.7em;
 padding-left: 15px;
}


.table_style_01 {
 padding-left: 15px;
 padding-right: 15px;
}
.table_style_01 dt {
 text-align: right;
 padding-top: 10px;
 padding-bottom: 10px;
}
.table_style_01 dd {
 line-height: 150%;
 border-bottom: 1px dotted #DDDDDD;
 padding: 10px 0px 10px 5px;
}
#page-title {
 border-bottom: 1px solid #BF996A;
}


/*.box_shadow {
 background: #fff;
 box-shadow: 0 0 5px rgba(201,201,201,0.50);
 -webkit-box-shadow: 0 0 5px rgba(201,201,201,0.50);
}
*/


/* ________________________ レイアウト ________________________ */


.line-bottom {
 bottom: 0;
}

.mt10 {
 margin-top: 10px;
}
.mt20 {
 margin-top: 20px;
}

.mt30 {
 margin-top: 30px;
}

.mt40 {
 margin-top: 40px;
}

.mt50 {
 margin-top: 50px;
}

.mb20 {
 margin-bottom: 20px;
}

.mb30 {
 margin-bottom: 30px;
}

.mb40 {
 margin-bottom: 40px;
}

.mb50 {
 margin-bottom: 50px;
}

.mr10 {
 margin-right: 10px;
}

.posi-10 {
 margin-top: 10px;
}

.wrap980 {
 width: 0px;
}


.pdr-5 {
 padding-right: 5px !important;
}
.pdl-5 {
 padding-left: 5px !important;
}
.mgr-5 {
 margin-right: 5px !important;
}
.mgl-5 {
 margin-left: 5px !important;
}
.pdr-10 {
 padding-right: 10px !important;
}
.pdl-10 {
 padding-left: 10px !important;
}
.mgr-10 {
 margin-right: 10px !important;
}
.mgl-10 {
 margin-left: 10px !important;
}
.mgr-30 {
 margin-right: 30px !important;
}
.mgl-30 {
 margin-left: 30px ;
}
.mgb-10 {
 margin-bottom: 10px !important;
}
.mgl-n {
 margin-left: 0px !important;
}
.mgr-n {
 margin-right: 0px !important;
}
.pdl-n {
 padding-left: 0px !important;
}
.pdr-n {
 padding-right: 0px !important;
}

.mgl-050 {
 /* [disabled]margin-left: -50px !important; */
}

.pl0 {
 padding-left: 0px;
}
.pr0 {
 padding-left: 0px;
}
.border-box {
 border: 1px solid #CCCCCC;
}

.wrap-news .mgl-5 .scroll-box {
 padding-left: 10px;
}


/* ________________________ ヘッダー ________________________ */


.header {
 min-height: 118px;
 background-color: #F4F1E5;
}
.header-top-box {
 margin-top: 0px;
 margin-right: 0px;
 margin-left: 0px;
 /* [disabled]margin-bottom: 20px; */
 padding: 0 10px;

}
.logo {
 float: left;
 margin-top: 7px; 
 margin-bottom: 7px;*/
}
.sub-nav {
 float: right;
 margin-top: 20px;
}
.sub-nav a {
 text-decoration:none;
}
.sub-nav a:hover {
 text-decoration:none;
}
.sub-nav a:visited {
 text-decoration:none;
}
.sub-nav a:active {
 text-decoration:none;
}
address p {
 margin-top: 10px;
}
.wrap-gla {
 background-image: -webkit-linear-gradient(270deg,rgba(224,220,212,1.00) 24.35%,rgba(255,255,255,1.00) 100%);
 background-image: -moz-linear-gradient(270deg,rgba(224,220,212,1.00) 24.35%,rgba(255,255,255,1.00) 100%);
 background-image: -o-linear-gradient(270deg,rgba(224,220,212,1.00) 24.35%,rgba(255,255,255,1.00) 100%);
 background-image: linear-gradient(180deg,rgba(224,220,212,1.00) 24.35%,rgba(255,255,255,1.00) 100%);
}
.bk-boruto {
 background-image: url(../content/images/back-img-01.png);
 background-repeat: no-repeat;
 background-size: contain;
}
.link-btn {
 margin-bottom: 7px;
}
.sns-btn {
 padding-left: 5px;
 text-align: center;
}
.sub-nav .link-btn a {
 padding-right: 2px;
}
.wrapper {
 margin-top: 250px;
}

#index {
 background-image: url(../content/images/back-img.jpg);
 background-size: auto auto;
 background-repeat: no-repeat;
}
#bk_color01 {
 background-color: #F4F1E5;
}
#bk_color02 {
 background-color: #F3E5D3;
}
.robo_box {
 padding-bottom: 10px;
 border: 1px dotted #DDDDDD;
}
.btn_ori {
 font-size: 0.95em;
 padding: 3px 6px 2px;
}
.faq dl dt {
 background-image: url(../content/images/qa01.gif);
 background-repeat: no-repeat;
 background-position: 7px 10px;
 padding: 10px 15px 10px 40px;
 background-size: auto auto;
 _border-bottom: 1px solid #DDDDDD;
 font-weight: bold;
 line-height: 150%;
 background-color: #E9E9E9;
 color: #7C4201;
}
.faq dl dd {
 padding: 10px 15px 10px 40px;
 background-image: url(../content/images/qa02.gif);
 background-repeat: no-repeat;
 background-position: 7px 10px;
 background-size: auto auto;
}
.faq li dl {
 _border-bottom: 1px dotted #523B02;
}
.h3_title_02 {
 padding: 0 0 0 10px;
 font-weight: bold;
 font-size: 1.2em;
 border-left: 4px solid #017003;
}
.shop_info li {
 padding: 7px 0 5px 0;
 border-bottom: 1px dotted #DDDDDD;

}

.page-main {
 text-align: center;
}


.border-box02 {
 border-left-color: #DDDDDD;
 border-right-color: #DDDDDD;
 border-top-color: #DDDDDD;
 border-left-style: solid;
 border-right-style: solid;
 border-top-style: solid;
 border-left-width: 1px;
 border-right-width: 1px;
 border-top-width: 1px;
}
.collabo_box_01 dl {
 border-bottom: 1px dotted #ccc;
 line-height: 150%;
 padding: 15px 0;
 margin-bottom: 0px;
}

.collabo_box_02 dl {
 line-height: 150%;
 _padding: 15px 0;
 margin-bottom: 0px;
}
.collabo_box_02 dt {
 background-color:#E5CAA7;
 line-height: 150%;
 padding: 10px 15px;
 margin-bottom: 0px;
}

.collabo_box_02 dd {
 padding: 10px 15px;
}

.collabo_box_03 {
 height: 100%;
 margin-bottom: 30px;
}
.number {
 background-color: #eee;
 /* [disabled]display: block; */
}

.number_inner {
 text-align: center;
 margin: 20px 0 0 0;
 _color: #000;
}

.number_inner span {
 font-weight: bold;
 font-size: 1.1em;
}
.number_inner p {
 font-weight: bold;
 font-size: 1.5em;
 margin: 0;
}
.sankaku{
 position: relative;
}
.sankaku:before{
 content: "";
 position: absolute;
 border-top: 20px;
 border-top-style: solid;
 border-top-color: #eee;
 bottom: -15px;
 left: 0;
 border-right: 20px solid transparent;
 _border-left: 20px solid transparent;
}
.flow-h3 {
 font-weight: bold;
 color:#4C2D1D;
 font-size: 1.2em;
 margin-top: 5px;
}

.collabo_box_03 > article {
 padding-right: 0px;
}

figcaption {
 font-size: 0.9em;
 text-align: center;
}
.work_ex {
 border-right: 1px dotted #CCCCCC;
}
.work_img {
 margin: 7px 21px 7px 0;
}
.work_img02 {
 margin: 7px 0px 7px 0;
}
.youtube {
 text-align: center;
 margin-right: auto;
 margin-left: auto;
 width: 70%;
}
.bg-gray {
 background-color: #E4E4E4;
 border: 1px solid #B8B8B8;
 padding-top: 5px;
 padding-bottom: 5px;
 border-radius: 6px;
}
.portfolio-item {
 margin-bottom: 20px;
}
.portfolio-item img {
 border: 1px solid #DDDDDD;
}






/* ________________________ ナビゲーション ________________________ */


.wrap-nav {
 color: #ccc;
}
.wrap-nav a {
 color: #ccc;
}

.wrap-nav .menu {
 /* [disabled]background-color: #393939; */
}

.navbar {
 margin-bottom: 0px;
 border: none;
}

.dropdown-menu {
 background-color: #4F4F4F;
}

.dropdown-menu > li > a {
 color: #fff;
}
.nav > li {
  position: relative;
  display: block;
  border-right: 1px #FFFFFF solid;
}
.navi_01 {
  border-left: 1px #FFFFFF solid;
}
.nav > li > a {
  position: relative;
  display: block;
  _padding: 10px 15px;
}
.navbar-nav > li > a {
 margin: 0;
 padding: 0;
}


.bk-robo {
 background-image: url(../content/images/robo-icon_05.png);
 background-position: right center;
 background-repeat: no-repeat;
 /* [disabled]background-clip: content-box; */
}
.media-list h3.title   {
 color: #603813;
 font-size: 1em;
 margin-top: 5px;
}
.box {
 display: block;
}
.scroll-box {
 overflow-y: auto;
 max-height: 350px;
 margin: 20px 0px 0 0;
 border-bottom: 1px solid #DDDDDD;
 padding-left: 5px;
 padding-right: 5px;
}
#navarea {
 z-index: 300;
}




/* _________________________ 4box Block _________________________ */

.planning {
 padding-top: 20px;
 padding-bottom: 20px;
 text-align: center;
}
.planning a {
 overflow: hidden;
 position: relative;
}

.service_block {
 display: block;
 transition: all 0.3s ease-in-out;
 -webkit-transition: all 0.3s ease-in-out;
 height: 188px;
 overflow-y: hidden;
 padding-top: 10px;
 padding-left: -15px;
 width: 233px;
 margin-left: auto;
 margin-left: auto;
}

.bo-01 {
 background-image: url(../content/images/4box-01.jpg);
 background-repeat: no-repeat;
 float: left;
 margin-right: 15px;
}
.bo-02 {
 background-image: url(../content/images/4box-02.jpg);
 background-repeat: no-repeat;
 float: left;
 margin-right: 15px;
}
.bo-03 {
 background-image: url(../content/images/4box-03.jpg);
 background-repeat: no-repeat;
 float: left;
 margin-right: 15px;
}
.bo-04 {
 background-image: url(../content/images/4box-04.jpg);
 background-repeat: no-repeat;
}


.planning a .icon_block {
 margin: 0 auto;
 display: block;
 transition: all 0.3s ease-in-out;
 -webkit-transition: all 0.3s ease-in-out;
}
.planning a:hover .icon_block {
	-webkit-animation: moveFromTop1 600ms ease;
 -moz-animation: moveFromTop1 600ms ease;
 -ms-animation: moveFromTop1 600ms ease;
}

.planning a .link_title {
 display: block;
 padding: 0;
 text-transform: uppercase;
 font-size: 14px;
 transition: all 0.3s ease-in-out;
 -webkit-transition: all 0.3s ease-in-out;
 /* [disabled]text-shadow: 3px 3px 5px #C8C8C8; */
 font-weight: bold;
}
.planning a:hover .link_title {
	-webkit-animation: moveFromTop2 400ms ease;
 -moz-animation: moveFromTop2 400ms ease;
 -ms-animation: moveFromTop2 400ms ease;
}
.service_txt {
 display: block;
 transition: all 0.3s ease-in-out;
 -webkit-transition: all 0.3s ease-in-out;
 font-size: 12px;
 line-height: 1.45;
}
.planning a:hover .service_txt {
	-webkit-animation: moveFromTop3 300ms ease;
 -moz-animation: moveFromTop3 300ms ease;
 -ms-animation: moveFromTop3 300ms ease;
}


@-webkit-keyframes moveFromTop1{from {-webkit-transform: translateY(-900px);}to {-webkit-transform: translateY(0);}}
@-moz-keyframes moveFromTop1{from {-moz-transform: translateY(-900px);}to {-moz-transform: translateY(0);}}
@-ms-keyframes moveFromTop1{from {-ms-transform: translateY(-900px);}to {-ms-transform: translateY(0);}}
@-webkit-keyframes moveFromTop2 {from {-webkit-transform: translateY(-500px);}to {-webkit-transform: translateY(0);}}
@-moz-keyframes moveFromTop2 { from {-moz-transform: translateY(-500px);}to {-moz-transform: translateY(0);}}
@-ms-keyframes moveFromTop2 {from { -ms-transform: translateY(-500px);}to {-ms-transform: translateY(0);}}
@-webkit-keyframes moveFromTop3 {from { -webkit-transform: translateY(-200px);} to {-webkit-transform: translateY(0);}}
@-moz-keyframes moveFromTop3 {from { -moz-transform: translateY(-200px);}to {-moz-transform: translateY(0);}}
@-ms-keyframes moveFromTop3 {from {-ms-transform: translateY(-200px);}to {-ms-transform: translateY(0);}}




/* ________________________ footer ________________________ */

#footer {
 background-color: #4C2D1D;
 color: #FFFFFF;
 font-size: 0.9em;
 padding-top: 20px;
 padding-right: 0;
 padding-left: 0;
 /* [disabled]margin-top: 60px; */
}

#footer a {
 color: #FFFFFF;
}

.footer_bottom {
 background-color: #4C2D1D;
 font-size: 0.8em;
 text-align: center;
 color: #FFFFFF;
}

#footer p.title {
 color: #FFFFFF;
 font-weight: bold;
 font-size: 1.1em;
 padding-bottom: 5px;
 background-image: none;
 text-shadow: none;
 border-bottom: 1px dotted #FFFFFF;
 padding-left: 5px;
}
.footercon {
 background-color: #4C2D1D;
}
address {
 margin-bottom: 20px;
 background-color: #4C2D1D;
}


/* _________________________ News Block _________________________ */

.wrap-news .media,
.newsbox .media {
 border-bottom: 1px dotted #CCCCCC;
 max-height: 105px;
 overflow-y: hidden;
}
time {
 color: #8B8B8B;
 font-size: 0.9em;
}
.wrap-news .media-heading {
 color: #2D2C2C;
 font-size: 1em;
 font-weight: bold;
}

.wrap-news .title-box {
 /* [disabled]margin-bottom: 20px; */
 padding-right: 5px;
 border: 1px solid #4C2D1D;
 padding-left: 10px;
 height: 35px;
 background-color: #F5F2E6;
}

.wrap-news .title-box .button,
.newsbox .title-box .button {
 margin: 12px 0 0 0;
}

.newsbox .scroll-box {
 background-color: #FFFFFF;
 max-height:300px;
 overflow:auto;
 border:1px solid #CCCCCC;
}

.newsbox h3.pull-left,
.wrap-news h3.pull-left {
 font-size:1.0em;
 margin: 10px 0 0 0;
}

.wrap-news .scroll-box img.news-img {
 width: 80px;
 height: 60px;
}
.wrap-news img.news-img {
 width: 150px;
 height: 120px;
}

.news-box {
 padding-bottom: 15px;
}
.wrap-news .news-box {
 max-height:150px;
}

.news-box .media-body {
 display: block;
}


/*==========================================

　　　カルーセル

==============================================*/

#carousel {
 margin: 0 auto;
 /* [disabled]width: 100%; */
 height: 128px;
 text-align: left;
 position: relative;
 _background-image: url(../content/images/slider-bk.png);
 max-width: 980px;
 background-color: #F5F2E6;
}


#carousel_prev,
#carousel_next {
	top: 0;
	width: 27px;
	height: 128px;
	background: #000;
	cursor: pointer;
	position: absolute;
}
#carousel_prev {
	left: 0px;
	background:transparent url(../content/images/prev.png) no-repeat top left;
}
#carousel_next {
	right: 0px;
	background:transparent url(../content/images/next.png) no-repeat top left;
}

#carousel ul li {
	float: left;
	text-align: center;
	display: inline;
}


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

#carousel ul {
 display: inline-block;
 overflow: hidden;
 margin-top: 11px;
}


/*==========================================

　　　about.html

==============================================*/




.googlemap-wrap {
  max-width: 950px;
  min-width: 350px;
  margin: 20px auto;
  padding: 4px;
  _border: 1px solid #CCC;
}
 
.googlemap {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}
.googlemap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}


/*==========================================

　　　robo.html

==============================================*/

.robo_name {
 _font-family: "ヒラギノ丸ゴ Pro W4", "Hiragino maru Gothic Pro", "HG丸ｺﾞｼｯｸM-PRO","Verdana","Osaka",sans-serif;
 font-size: 1.3em;
 margin-bottom: 3px;
}
#gmenu   {
 _padding-left: 15px;
 _padding-right: 15px;
}
.month {
 font-weight: bold;
}








/*==========================================

　　　メディアクエリ

==============================================*/

@media screen and (min-width: 1200px) {
 .nav_none {
  display: none;
 }
 .navbar-collapse {
  padding-left: 0px;
  padding-right: 0px;
 }
 .nav {
  border-left: 1px #fff solid;
 }
}


@media screen and (max-width: 1199px) {

  html h1 {
   display:none;
  }
  body h2.title {
   font-size: 1.0em;
   border: 1px solid #4C2D1D;
   background-color: #F5F2E6;
  }
  
  .logo img {
    width: 80%;
    height:auto;
    margin-top:10px;
  }
  .sub-nav {
   text-align: center;
   float: none;
  }
  #gmenu img {
   display:none;
  }
  .header-top-box {
    text-align:center;
  }
  
  
  .naver-handle {
   border: none !important;
   background: #f3e5d3 !important;
  }
  .navbar-nav {
   margin: 5px 0px;
  }
  .navbar-nav > li > a {
   padding: 3px 5px;
  }
  .nav > li {
   background: #f3e5d3;
   border-bottom: 1px dotted #000;
   border-right: none;
  }
  .naver.enabled .naver-container {
   border: none !important;
  }
  #gmenu {
   background: #f3e5d3 !important;
  }
  .naver-container {
   background:  #f3e5d3 !important;
  }
  .navbar-nav {
   float: none;
  }
  
  .navbar-nav > li {
   float:none !important;
  }
  
  #index {
   background-image: none;
  }
  .header {
   background-image:none;
  }
  .navbar-header {
   background-color:#F3E5D3 !important;
  }
  .navbar-toggle {
   background-color:#CEB591;
  }
  .navbar-inverse .navbar-toggle {
   border-color:#C3A48A;
  }
  .wrapper {
   margin-top: 0px;
  }
  .mgl-30 {
   margin-left:0px;
  }
  
 /*　planning内　*/
 
  .planning {
 max-width: 500px;
 padding-top: 20px;
 padding-bottom: 20px;
 margin-left: auto;
 margin-right: auto;
  }
  .service_block {
 max-width: 45%;
 padding-top: 10px;
 margin-bottom: 10px;
  }

  .bo-01 {
 background-image: url(../content/images/4box-01.jpg);
 background-repeat: no-repeat;
 _float: none;
 margin-left: 0px;
 background-size: contain;
  }
  .bo-02 {
 background-image: url(../content/images/4box-02.jpg);
 background-repeat: no-repeat;
 _float: none;
 margin-left: 0px;
 background-size: contain;
  }
  .bo-03 {
 background-image: url(../content/images/4box-03.jpg);
 background-repeat: no-repeat;
 _float: none;
 margin-left: 0px;
 background-size: contain;
  }
  .bo-04 {
 background-image: url(../content/images/4box-04.jpg);
 background-repeat: no-repeat;
 _float: none;
 background-size: contain;
  }

  
 /*  box-01内　 */
  .box-01 {
    padding: 10px 5px;
    text-align:center;
  }
  .box-01 h3 {
    font-size: 1em;
  }
  .box-01 p {
 /* [disabled]font-size: 0.8em; */
  }
  .box-01 button {
    margin-top: 5px;
  }
  .box-01 .col-xs-12 {
    padding:0;
  }
  
 /* news & topics */

  .wrap-news h3 {
   font-size: 1.0em;
  }
  
  
  .media-list .col-xs-6 {
    margin: 0px;
    padding: 0px;
  }
  
  
/*profile*/  
  .table_style_01 dt {
   text-align:left !important;
   padding-bottom: 0px;
   padding-left: 0px;
  }
  
  
/*workshop*/  
  h3 {
   font-size: 20px;
  }

/*collaboration*/
  .number {
   padding-left: 5px;
   padding-right: 5px;
  }
  .number_inner span {
   font-size: 1em;
  }
  .number_inner p {
   font-size: 1.2em;
  }
  
}

@media screen and (max-width: 767px) {
 .service_block {
   max-width: 45%;
   padding-top: 10px;
   margin-bottom: 10px;
 }
 .planning a .icon_block {
  width: 45%;
  height: auto;
 }
 .service_txt {
  display: none;
 }
}