@charset "utf-8";

/****font default settings *****/
body,h1,h2,h3,h4,h5,h6 {font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji",helvetica, arial, 'hiragino kaku gothic pro', meiryo, 'ms pgothic', sans-serif;}

div.en,h1.en,h2.en,h3.en,h4.en,h5.en,h6.en,p.en,span.en {
font-family: 'Staatliches', cursive,-apple-system, BlinkMacSystemFont, Lato, "Noto Sans Japanese", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Arial, Meiryo, sans-serif;}
}

/*
body,h1,h2,h3,h4,h5,h6 {
font-family: -apple-system, BlinkMacSystemFont, "Lato", "Noto Sans Japanese", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, Meiryo, sans-serif;
}
*/
h1,h2,h3,h4,h5,h6 {
	font-weight: bold;
    letter-spacing: 0;
}

.font-mincho {
font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
}

.en {
	font-family: 'Hiragino Mincho ProN', 'Yu Mincho', Georgia, serif;
}

body {
	font-size: 16px;
        background:url(images/bg_body.jpg);
}

.wrapper {
    background: none;
}

h1 span,
h2 span,
h3 span,
h4 span,
h5 span,
h6 span,
p span,
li span {
	display: inline-block;
}
h1 {
    font-size: 32px;
    font-weight:bold;
}
#top_slider h1 {
    font-size: 22px;
}
@media (max-width:767px) {
h1 {
    font-size: 20px;
    font-weight:bold;
}
}
h2 {
    font-size: 28px;
    font-weight:bold;
    color: #222;
    margin: 0 0 20px 0;
}
h2.en {
    font-size: 42px!important;
     margin: 20px 0 20px 0;  
}
h2.large-center {
    font-size: 34px;
    font-weight:bold;
    color: #222;
    margin: 0 0 40px 0;
    text-align:center;
}
h2.font-mincho {
    margin: 0 0 30px 0;
}
@media (max-width:767px) {
h2 {
    font-size: 20px!important;
    margin: 0 0 10px 0;
}
h2.en {
    font-size: 52px;
}
h2.large-center {
    font-size: 24px;
    margin: 0 0 10px 0;
}
}
.h2 {
margin-bottom:30px;
}
h3 {
   font-size: 24px;
    color: #666;
    margin: 0 0 20px 0;
}
 h3.large-type {
    font-size: 36px;
    line-height:140%;
    margin: 5px 0 35px 0;
    padding-bottom:10px;
    border-bottom:1px solid #CCC;
}
@media (max-width:767px) {
    h3.large-type {
        font-size: 32px;
        margin: 0 0 20px 0;
    }
}
h4 {
font-weight:bold;
}
p, li {
color:#222;
}

.lead {
    font-weight:normal;
    letter-spacing:2px;
}

@media (max-width:767px) {
    .lead {
        font-size:1.1em;
    }
} /*end @media */


a,
li a {
    color: #9c8061;
}

a,
a img {
	-webkit-transition: 0.3s linear;
	   -moz-transition: 0.3s linear;
		 -o-transition: 0.3s linear;
			transition: 0.3s linear;
}

a img:hover {
	opacity:0.8;
}

.img-responsive {
    width:100%;
    max-width:100%;
}

.responsive-video {
	padding-top: 0;
}
.bg-none {
    background:none;
}

.bg-trans-white {
	background:rgba(255,255,255,0.7);
	padding:20px;
}
.bg-trans-black {
    background: rgba(0,0,0,0.4);
}
.bg-trans-white p {
	color:#000;
}
.well.bg-trans-black {
    border:none;
   margin-bottom:0;
}

.bg-trans-black h2,
.bg-trans-black h3,
.bg-trans-black h4,
.bg-trans-black .block-name,
.bg-trans-black p,
.bg-trans-black li  {
        color:#FFF!important;
}

@media (max-width:767px) {
    .flex-center {
        display:block;
    }
    .flex-center .well.bg-trans-black {
        background:#333;
        border-radius:0;
    }
} /*end @media*/

h3.panel-title {
    font-size:22px;
}

.panel.panel-toggle .panel-title {
	display:inline;
}

.panel.panel-toggle .panel-heading {
  cursor: pointer;
}
.panel.panel-toggle.closed .panel-body {
  display: none;
}
.btn-panel-toggle {
  cursor: pointer;
  float: right;
}
.panel.panel-toggle .btn-panel-toggle:before {
  content: '\f139';
  /* FontAwesome char code inside the '' */
  font-family: FontAwesome;
  /* FontAwesome or whatever */
  display: inline-block;
  width: 1.2em;
  /* same as padding-left set on li */
  margin-left: 0em;
  /* same as padding-left set on li */
}
.panel.panel-toggle .btn-panel-toggle:after {
  content: '閉じる';
  display: inline-block;
}
.panel.panel-toggle.closed .btn-panel-toggle:before {
  content: '\f13a';
  /* FontAwesome char code inside the '' */
  font-family: FontAwesome;
  /* FontAwesome or whatever */
  display: inline-block;
  width: 1.2em;
  /* same as padding-left set on li */
  margin-left: 0em;
  /* same as padding-left set on li */
}
.panel.panel-toggle.closed .btn-panel-toggle:after {
  content: '詳細を見る';
  display: inline-block;
}

@media (max-width:992px) {
	.panel.panel-toggle .btn-panel-toggle:after {
	  content: none;
	}
	.panel.panel-toggle.closed .btn-panel-toggle:after {
	  content: none;
	}
} /*end @media*/



#wrapper {
    padding:0;
}

section {
    position:relative;
}

.top_visual_caption {
    position:relative;
    width:100%;
}
.top_visual_caption img {
    width:100%;
}
.page_top_caption {
    position:absolute;
    top:45%;
    width:100%;
    padding:50px 0;
background: rgba(0,0,0,0);
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.4) 45%, rgba(0,0,0,0.4) 51%, rgba(0,0,0,0.4) 55%, rgba(0,0,0,0) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(45%, rgba(0,0,0,0.4)), color-stop(51%, rgba(0,0,0,0.4)), color-stop(55%, rgba(0,0,0,0.4)), color-stop(100%, rgba(0,0,0,0)));
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.4) 45%, rgba(0,0,0,0.4) 51%, rgba(0,0,0,0.4) 55%, rgba(0,0,0,0) 100%);
background: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.4) 45%, rgba(0,0,0,0.4) 51%, rgba(0,0,0,0.4) 55%, rgba(0,0,0,0) 100%);
background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.4) 45%, rgba(0,0,0,0.4) 51%, rgba(0,0,0,0.4) 55%, rgba(0,0,0,0) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.4) 45%, rgba(0,0,0,0.4) 51%, rgba(0,0,0,0.4) 55%, rgba(0,0,0,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 );
}

.page_top_caption h2 {
    color:#FFF;
   font-size: 2.4vw;
    line-height:120%;
  display:inline-block;
  text-shadow:0px 2px 12px rgba(0,0,0,0.7);
    margin-bottom:0px auto;

 }
.page_top_caption p {
    color:#FFF;
   font-size: 1.5vw;
    line-height:120%;
  text-shadow:0px 1px 6px rgba(0,0,0,0.7);
 }

@media (max-width:767px) {
    .page_top_caption {
        position:relative;
    }
.page_top_caption h2 {
   font-size:18px;
   margin-bottom:0;
}
.page_top_caption p {
   margin-top:10px;
   font-size: 1.2vw;
}
} /*end @media*/

@media (max-width:768px) {
    .page_top_caption p {
       font-size: 1em;
    }
} /*end @media*/


#page_about h2 {
    margin: 0 0 40px 0;
}

.flex-center {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
   align-items: center;
}

@media (max-width:767px) {
    .flex-center {
        position:relative;
    }
} /* end @media */

.jumbotron {
/*background:url(/mediagallery/mediaobjects/disp/2/25b6eaafd13e2ae981d48120052ce568.jpg);*/
background:none;
	padding: 15px 0;
	margin-bottom: 0;
text-align:center;
}

.jumbotron h1 {
    font-size: 32px;
    font-weight: bold;
    color:#000;
    /*text-shadow: 0 1px 2px rgba(0,0,0,.6);*/
    margin: 0 0 20px 0;
	margin:0;
}

@media (max-width:991px) {
    .jumbotron {
	padding: 15px 0 5px;
	margin-bottom: 0;
    }
    .jumbotron h1 {
        font-size: 20px;
    }
} /*end  @media*/

/* header style */
.topbar {
  
 background:url(/mediagallery/mediaobjects/disp/2/25b6eaafd13e2ae981d48120052ce568.jpg);
    padding:10px 0;
    font-size:14px;
    min-height:50px;
}

.topbar p {
    font-size:14px;
    color: white;
    margin:0;
    padding:0;
    display:inline-block;
    line-height:160%;
}

.topbar .topbar_tel {
    color:#FFF;
    float:right;
    margin-top:-0px;
    display:inline-block;
    line-height:100%;
}

.topbar .topbar_time {
    color:#FFF;
    float:right;
    margin-right:10px;
}

.tel {
    font-size: 1.6em;
}

.navbar-brand {
    padding:7px 0;
    margin-top:0;
}

.navbar-brand>img,
img#logo-footer {
    width:140px;
}

@media (max-width: 991px) {
    .navbar-brand>img,
    img#logo-footer {
        width:110px;
    padding:10px 0;
    }
} /*end @media*/

.header-v1 .navbar-header {
    margin: 0;
}

.header-v1 .navbar-default .navbar-nav > li > a {
        color:#000;
    font-size: 18px;
}

.header-v1 .dropdown > a:after,
.header-v1 .dropdown-submenu > a:after {
    content:'\f0d7';
}

@media (min-width: 992px) {
    .header-v1 .navbar-default .navbar-nav > li > a {
        padding: 15px 12px 12px 12px;
    }
    .header-v1 .navbar-default .navbar-nav > li.dropdown > a{
        padding-right:25px;
    }
} /*end @media*/

/* top slider */
.carousel-fade .carousel-inner .item {
  -webkit-transition-property: opacity;
  transition-property: opacity;
}
.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  opacity: 0;
}
.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.carousel img{
  width:100%;
}
.carousel-fade .carousel-control {
  z-index: 2;
}

.carousel-control {
  opacity:0.05;
}

#carousel-top .carousel-caption {
    position:absolute;
    right: 0;
    left: 0;
    top:45%;
    bottom:0;
    z-index: 10;
    padding-top:0;
    padding-bottom: 0;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0,0,0,.6);
}

#carousel-top .carousel-caption h2,
#carousel-top .carousel-caption .lead,
#carousel-top .carousel-caption h3,
#carousel-top .carousel-caption p {
   color: #fff;
    line-height:140%;
    text-shadow: none;
 }

#carousel-top .carousel-caption h2,
#carousel-top .carousel-caption .lead {
  font-size: 3vw;
  display:inline-block;
  text-shadow:0px 2px 12px rgba(0,0,0,0.7);
 }
#carousel-top .carousel-caption h3,
#carousel-top .carousel-caption p {
  font-size: 2vw;
  text-shadow:0px 1px 6px rgba(0,0,0,0.7);
 }

@media (max-width:768px) {
    #carousel-top .carousel-caption h2,
#carousel-top .carousel-caption .lead {
      font-size: 6vw;
      margin-bottom:0;
     }
    #carousel-top .carousel-caption h3,
#carousel-top .carousel-caption p {
      font-size: 3vw;
     }
} /*end @media*/

/* wow animation sdditional style */

@-webkit-keyframes fadeInUp2 {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 40px, 0);
    transform: translate3d(0, 40px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUp2 {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 40px, 0);
    transform: translate3d(0, 40px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInUp2 {
  -webkit-animation-name: fadeInUp2;
  animation-name: fadeInUp2;
}

#top_contact_panel {
	position:fixed;
	padding:8px 20px;
	bottom:-2px;
	left:4%;
	width:auto;
	z-index:100;
	background-image: -webkit-linear-gradient(rgba(250,250,250,0.95) 0%, rgba(250,250,250,0.95) 50%, rgba(210,210,210,0.95) 100%);
	background-image: -o-linear-gradient(rgba(250,250,250,0.95) 0%, rgba(250,250,250,0.95) 50%, rgba(210,210,210,0.95) 100%);
	background-image: linear-gradient(rgba(250,250,250,0.95) 0%, rgba(250,250,250,0.95) 50%, rgba(210,210,210,0.95) 100%);
	background-repeat: repeat-x;
	border:1px #FFF solid;
	border-radius: 5px 5px 0 0;
	box-shadow:0 3px 8px rgba(0,0,0,0.2);
	 /* 1.5秒かけてアニメーションする */
	  -webkit-animation-duration: 1.5s;
	  animation-duration: 1.5s;
	  /* 2.5秒待ってからアニメーションする */
	  -webkit-animation-delay: 2.5s;
	  animation-delay:2.5s;
}

#top_contact_panel p {
	margin-bottom:7px;
	line-height:110%;
}

@media (max-width: 991px) {
	#top_contact_panel {
		display: none;
	}

} /*end @media */

/* top page style */

.top_section_01,
.top_section_02,
.top_section_03,
.top_section_04,
.top_section_05,
.top_section_06,
.top_section_07 {
    text-align:center;
}

.top_section_01 img.img-responsive-center,
.top_section_02 img.img-responsive-center,
.top_section_03 img.img-responsive-center,
.top_section_04 img.img-responsive-center,
.top_section_05 img.img-responsive-center,
.top_section_06 img.img-responsive-center {
    width:auto;
    margin-bottom:40px;
}

@media (max-width:767px) {
    .top_section_01 img.img-responsive-center, 
    .top_section_02 img.img-responsive-center, 
    .top_section_03 img.img-responsive-center, 
    .top_section_04 img.img-responsive-center, 
    .top_section_05 img.img-responsive-center, 
    .top_section_06 img.img-responsive-center {
        width:90%;
        margin-bottom:30px;
    }
} /* end @media */

.top_section_01:after {
    content: '';
    position:absolute;
    top:0;
    right:0;
/*    width:120px;
    height:400px;*/
     width:159px;
    height:500px;
  background:url(/mediagallery/mediaobjects/orig/b/bfcfd7b21debf7b24127c1c19561063a.png) no-repeat;
    background-size:contain;
}
.top_visual_open img {
    max-width:60%;
}
@media (max-width:767px) {
    .top_visual_open img {
        max-width:60%;
    }

    .top_section_01::after {
        /*width:50px;*/
        width:80px;
    }
} /* end @media */

.top_section_02:before {
    content: '';
    position:absolute;
    top:0;
    right:0;
    width:233px;
    height:144px;
    background:url(images/bg_parts_brick_1.png) no-repeat;
    background-size:contain;
}

.top_section_02:after {
    content: '';
    position:absolute;
    top:30px;
    left:20px;
    width:180px;
    height:350px;
    background:url(images/bg_parts_window.png) no-repeat;
    background-size:contain;
}


@media (max-width:767px) {
    .top_section_02:before {
        width:120px;
    }
    .top_section_02:after {
        width:80px;
    }
    .top_visual_how {
        margin-left:25%;
    }
} /* end @media */


.top_section_03:after {
    content: '';
    position:absolute;
    bottom:0;
    left:0;
    width:298px;
    height:145px;
    background:url(images/bg_parts_brick_3.png) no-repeat;
    background-size:contain;
}

@media (max-width:767px) {
    .top_section_03 {
        padding-bottom:100px;
    }

    .top_section_03:after {
        width:40%;
    }
} /* end @media */


.top_section_04:after {
    content: '';
    position:absolute;
    bottom:0;
    right:0;
    width:318px;
    height:135px;
    background:url(images/bg_parts_brick_4.png) no-repeat;
    background-size:contain;
}

@media (max-width:767px) {
    .top_section_04 {
        padding-bottom:80px;
    }

    .top_section_04:after {
        width:40%;
    }
} /* end @media */

.top_section_05 {
    padding-bottom:100px;
}

.top_section_05:after {
    content: '';
    position:absolute;
    bottom:0;
    right:0;
    width:310px;
    height:177px;
    background:url(images/bg_parts_brick_5.png) no-repeat;
    background-size:contain;
}

@media (max-width:767px) {
    .top_section_05 {
        padding-bottom:80px;
    }

    .top_section_05:after {
        width:40%;
    }
} /* end @media */

.top_section_06 p {
    margin-bottm:20px;
}

.top_section_06:before {
    content: '';
    position:absolute;
    bottom:0;
    left:0;
    /*width:296px;
    height:243px;*/
    width:300px;
    height:276px;
    background:url(/mediagallery/mediaobjects/orig/6/6d7041a706fb0a997ba5028d53ce7b66.png) no-repeat;
    background-size:contain;
}

@media (max-width:990px) {
    .top_section_06 {
        padding-bottom:200px;
    }

    .top_section_06:before {
        width:40%;
    }
} /* end @media */

.top_section_07:before {
    content: '';
    position:absolute;
    bottom:10%;
    left:0;
    width:100%;
    height:100%;
    background:url(images/bg-boat.png) no-repeat;
    background-size:cover;
    background-position:center bottom;
}

.list-spec li {
    text-align:left;
    padding-bottom:5px;
    padding-left:15px;
    border-bottom:#CCC solid 1px;
    font-size:17px;
}


.box_menu_1 .thumbnail-style {
   padding: 0px;
	margin-bottom:50px;
	box-shadow: 0 2px 8px rgba(0,0,0,0.5);
}

.box_menu_1 .thumbnail-style:hover {
	box-shadow: 0 0 18px rgba(0,0,0,0.2);
  transition: box-shadow 0.2s ease-in-out;
}

.thumbnail-style .thumbnail-img {
   margin-bottom: 0px;
   background:#000;
}

.thumbnail-kenburn img {
    transition: all 2.0s ease-in-out;
}

.box_menu_1 .thumbnail h3 a,
.box_menu_1 .thumbnail-style h3 a {
	font-size:24px;
	color:#FFF;
}

.box_menu_1 .thumbnails {
	position: relative;
}

.box_menu_1 .caption {
	position: absolute;
    background-image: -webkit-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,1));
    background-image: -o-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,1));
    background-image: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,1));
	bottom:0px;
	width:100%;		
	padding:15px 20px 10px;
	text-align: right;
}
.box_menu_1 .caption p {
	color: #CCC;
}
.box_menu_1 .caption small {
	color: #EEE!important;
}

@media (max-width:767px) {
	.box_menu_1 .caption {
		position: relative;
		background: rgba(0,0,0,0.8);
		padding:10px;
	}

	.box_menu_1 .thumbnail h3,
	.box_menu_1 .thumbnail-style h3,
	.box_menu_1 .thumbnail-style p {
		text-align: left;
	}
	
	.box_menu_1 .thumbnail h3 a,
	.box_menu_1 .thumbnail-style h3 a {
		font-size:16px;
	}
	.box_menu_1 .thumbnail p,
	.box_menu_1 .thumbnail-style p {
		font-size:14px;
	}
} /*end @media */

#top_campaign a>img {
    margin-bottom:30px;
}

/* page style  */

.page_top_caption {
    position:absolute;
    top:45%;
    width:100%;
    padding:50px 0;
background: rgba(0,0,0,0);
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.4) 45%, rgba(0,0,0,0.4) 51%, rgba(0,0,0,0.4) 55%, rgba(0,0,0,0) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(45%, rgba(0,0,0,0.4)), color-stop(51%, rgba(0,0,0,0.4)), color-stop(55%, rgba(0,0,0,0.4)), color-stop(100%, rgba(0,0,0,0)));
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.4) 45%, rgba(0,0,0,0.4) 51%, rgba(0,0,0,0.4) 55%, rgba(0,0,0,0) 100%);
background: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.4) 45%, rgba(0,0,0,0.4) 51%, rgba(0,0,0,0.4) 55%, rgba(0,0,0,0) 100%);
background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.4) 45%, rgba(0,0,0,0.4) 51%, rgba(0,0,0,0.4) 55%, rgba(0,0,0,0) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.4) 45%, rgba(0,0,0,0.4) 51%, rgba(0,0,0,0.4) 55%, rgba(0,0,0,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 );
}

@media (max-width:767px) {
    .page_top_caption {
        position:relative;
        background:rgba(0,0,0,0.8);
        padding:20px 0;
    }
} /*end @media*/

@media (max-width:768px) {
    .page_top_caption p {
       font-size: 1em;
    }
} /*end @media*/



/* footer style */
.footer-v1 .footer {
    padding: 20px 0 0;
    background: url(images/bg_brack.jpg) no-repeat #333;
    background-size:cover;
}
.footer-v1 .copyright {
    background:none;
	font-size:12px;
    color:#CCC;
}

.footer-link  {
    text-align:center;
}
.footer-link li {
    padding-left:0;
    padding-right:0;
}

.footer-link li:after {
    content:"｜";
    color:#999;
    margin-left:5px;
}

.footer-link li:last-child:after {
    content:none;
}

.footer-link li a {
    color:#DDD;
}

.footer-link li a:hover {
    color:#FFF;
}

.footer-v1 .link-list li {
    border:none;
}

.link-list li > a{
    font-size:12px;
    color: #3498db;
}

.link-list li:before {
	font-family: "fontAwesome";
	content:"\f0da";
	margin-right:5px;
	color:#CCC;
}

.footer-bottom {
    background:url(/mediagallery/mediaobjects/disp/2/25b6eaafd13e2ae981d48120052ce568.jpg);
    min-height:50px;
}


.side_button {
	position:fixed;
	right:-2px;
	top:150px;
	z-index:9999;
	 /* 1.5秒かけてアニメーションする */
	  -webkit-animation-duration: 1.5s;
	  animation-duration: 1.5s;
	  /* 2.5秒待ってからアニメーションする */
	  -webkit-animation-delay: 2.0s;
	  animation-delay:2.0s;
}

.side_button a.btn-u {
	color:#FFF;
	text-shadow:0 2px 6px rgba(0,0,0,1);
	font-weight:bold;
	font-size:18px;
	white-space: normal;
	border:none;
	box-shadow:none;
	border-radius:100%;
	line-height:100%;
	border:1px #FFF solid;
	box-shadow:2px 2px 10px rgba(0,0,0,0.5);
	border-radius:5px 0 0 5px;
	line-height:110%;
        width:35px;
        text-align:center;
        padding:12px 2px;
        height:auto;
        display:inline-block;
}

.bottombar {
	display:none;
	position:fixed;
	left:0px;
	bottom:-1px;
	width:100%;
	height:50px;;
        z-index:9999;
        background: #95a5a6;
	 /* 1.5秒かけてアニメーションする */
	  -webkit-animation-duration: 1.5s;
	  animation-duration: 1.5s;
	  /* 2.5秒待ってからアニメーションする */
	  -webkit-animation-delay: 2.0s;
	  animation-delay:2.0s;
}

.bottombar a.btn-u {
	display:table-cell;
	border:1px #FFF solid;
	border-bottom:none;
	border-radius:0;
	font-size:15px;
        width:33%;
        text-align:center;
        vertical-align:middle;
        margin:0;
        padding:0;
}

@media (max-width: 991px) {
    .side_button {
        display:none;
    }

    .bottombar {
	    display:table;
    }
	.footer-v1 .copyright {
		padding-bottom:50px;
	}
    #topcontrol {
        display:none;
    }

} /*end @media*/




/*個別スタイル*/

.thumbnails-v1 .caption p {
  font-size:14px;
}

.thumbnails-v1 {
	padding:5px;
}


.thumbnails-v1,
.thumbnail-style {
	-webkit-transition: 0.3s linear;
	   -moz-transition: 0.3s linear;
		 -o-transition: 0.3s linear;
			transition: 0.3s linear;
}

.thumbnails-v1:hover,
.thumbnail-style:hover { 
	box-shadow: 0 0 8px #ddd;
	background: #FFF; 
	-webkit-transition: 0.3s linear;
	   -moz-transition: 0.3s linear;
		 -o-transition: 0.3s linear;
			transition: 0.3s linear;
}

.top-information li {
  font-size:14px;
}

.portfolio-item h4 {
  font-size:14px;
  text-align:left;
}

ul.top-information-list li {
  margin-bottom:5px;
}

ul.top-information-list .label {
  margin-right:5px;
}

.read-more {
  font-size: 12px;
}

.service-box-v1 ul {
    padding: 0;
}

.service-box-v1 li {
    font-size: 14px;
}

.service-block {
    padding: 20px 20px;
}


/*input style*/
.form-control {
  display:inline-block;
  font-size:85%;
}

input.form-control,
select.form-control {
  margin-right:3px;
  margin-bottom:5px;
}

.form-control.input-xs {
  height:25px;
  padding:0 3px;
}

.form-control.input-year {
  width:45px;
}
.form-control.input-month {
  width:30px;
}
.form-control.input-date {
  width:30px;
}
.form-control.input-number {
  width:40px;
}

.service-box-v1 .form-group {
  margin-bottom:10px;
}

.gmaps {
position: relative;
padding-bottom: 50%; // これが縦横比
height: 0;
overflow: hidden;
}
.gmaps iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}

#access_by_car {
	background:#f5f5f5;
}

#access_by_train {
   	background:#fff;
}

.access_caption {
    padding:12px 5px;
    min-height:50px;
    margin-left:20px;
    color:#666;
    border-left:2px #999 dotted;
}

.access_point {
    display:block;
    padding:12px;
    height:50px;
    color:#333;
    width:100%;
    border:2px #666 solid;
    text-align:center;
    border-radius: 25px;
    background:#eee;
}

.access_point.start,
.access_point.goal {
    display:block;
    padding:12px;
    border-radius: 0;
    border:none;
    color:#FFF;
    width:100%;
    background:#999;
    font-size:16px;
    text-align:center;
}
.access_point.start {
    background:#3498db;
}
.access_point.start:before {
    font-family:"FontAwesome";
    content:"\f0ab";
    margin-right:0.5em;
}

.access_point.goal {
    background:#1a7b46;
    border-radius: 25px;
    margin-bottom:80px;
}
.access_point.goal:before {
    font-family:"FontAwesome";
    content:"\f024";
    margin-right:0.5em;
}


.table-col1-pc table,
.table-col1-pc  tbody,
.table-col1-pc  thead,
.table-col1-pc  tfoot,
.table-col1-pc  tr,
.table-col1-pc  th,
.table-col1-pc  td {
    display: block;
}

@media (max-width:767px) {
.table-col1-sp table,
.table-col1-sp  tbody,
.table-col1-sp  thead,
.table-col1-sp  tfoot,
.table-col1-sp  tr,
.table-col1-sp  th,
.table-col1-sp  td {
    display: block;
}
}

/* Facebook Like Box width: 100% */

.fbcomments,
.fb_iframe_widget,
.fb_iframe_widget[style],
.fb_iframe_widget iframe[style],
.fbcomments iframe[style],
.fb_iframe_widget span{
    width: 100% !important;
}

.facebookWrapper{
background:none;
position: relative ;
padding-top: 0;
overflow: hidden ;
border:none;
}

.facebookWrapper iframe {
position: absolute;
top: 0 ;
left: 0 ;
width: 100%!important ;
}
span.label {
  font-size:inherit;
}
.label-list li {
margin-bottom:10px;
}
.label-list li span {
display:inline-block;
min-width:95px;
text-align:center;
}

.label-list li span.label {
border-radius: 8px 0 8px 0;
}

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

.menu_list dt {
    padding-bottom:5px;
}
.menu_list dd {
    border-bottom:1px #ccc solid;
    padding-bottom:10px;
    margin-bottom:10px;
}

.table_list {
    border-top:1px #ccc solid;
    padding-top:10px;
}
.table_list.bg-trans{
	background:rgba(230,230,230,0.8);
	color:#111;
}

.table_list dt {
    padding-left:5px;
    padding-bottom:5px;
    min-width:130px;
    float:left;
}
.float_none.table_list dt {
    width:100%;
    float:none;
}
.table_list dd {
    border-bottom:1px #ccc solid;
    padding-bottom:10px;
    margin-bottom:10px;
}
.float_none.table_list dd {
    padding-left:5px;
}
@media (max-width: 767px) {
.table_list dt {
    width:100%;
    float:none;
}
.table_list dd {
    padding-left:5px;
}
}

.table-design-dl {
	margin-bottom: 5%;
}

.table-design-dl-dt {
	padding: 2%;
	background: #F8F8F8;
	border: 1px solid #ccc;
}
.table-design-dl-dd {
	padding: 2% 2% 5%;
}

@media (min-width: 960px) {
.table-design-dl {
	margin-bottom: 20px;
	background: #F8F8F8;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
}
.table-design-dl-dt, .table-design-dl-dd {
	padding: 10px 10px 0 10px;
	border-top: 1px solid #ccc;
}
.table-design-dl-dt {
	color: #4C5966;
	border-right: none;
	border-left: none;
	border-bottom: none;
}
.table-design-dl-dt {
	width: 30%;
	float: left;
}
.table-design-dl-dd {
	background: #fff;
	margin-left: 30%;
	padding-bottom: 8px;
	border-left: 1px solid #ccc;
}
.table-design-dl-dd::after {
	content: '';
	display: block;
	clear: both;
}
.table-design-dl-dd a {
	display: inline-block;
}
}

.portfolio-item img .edit_icon {
width:30px!important;
height:30px!important;
}

.price {
font-size: 30px;
 font-weight:bold;
}

.img_text_2col h3{
margin-bottom:10px;
}
@media (max-width: 767px) {
.img_text_2col h3{
font-size:14px;
}
.img_text_2col p{
font-size:12px;
}
}

.item-caption .caption{
 margin-top:5px;
 font-size:90%;
}
.portfolio-item p a {
text-decoration:none;
}

section.bg-default {
    background:none;
}
section.bg-gray {
    background:#f5f5f5;
}
section.bg-blue {
    background:#f0f5f7;
}

.table {
    border-bottom:1px #d9cec1 solid;
}

.table caption {
	font-weight: normal;
	background:rgba(230,230,230,0.8);
	text-align: center;
	color:#111;
}
.table th {
	border-color: #d9cec1!important;
	background:#9c8061;
	color:#FFF;
	text-align: left;
}
.table td {
	border-color: #d9cec1!important;
	background:#f7f4f2;
	text-align: left;
}
.bg-half-text-padding {
padding-left:7%;
padding-right:7%;
}
.content-2xlg {
padding-top:300px;
padding-bottom:300px;
}
.date-area {
width:100px;
}
.edit_icon {
width:30px;
height:30px;
}
.margin-top-10 {
margin-top:10px;
}
.margin-top-20 {
margin-top:20px;
}
.margin-top-30 {
margin-top:30px;
}
.margin-top-40 {
margin-top:40px;
}
.margin-top-50 {
margin-top:50px;
}
em {
    color: #AAA!important;
}

#access_by_car {
   	background:url(images/cartographer.png);
}

#access_by_car h2,
#access_by_car h3,
#access_by_car h4,
#access_by_car h5,
#access_by_car p {
   color:#333;
}

#access_by_train {
	background:url(images/wild_oliva.png);
}

#access_by_train h2,
#access_by_train h3,
#access_by_train h4,
#access_by_train h5,
#access_by_train p {
   color:#333;
}

.access_caption {
    padding:12px 5px;
    min-height:50px;
    margin-left:20px;
    color:#666;
    border-left:2px #999 dotted;
}

.access_point {
    display:block;
    padding:12px;
    height:50px;
    color:#333;
    width:100%;
    border:1px #DDD solid;
    text-align:center;
    border-radius: 25px;
}

.access_point_main {
    display:block;
    padding:12px;
    color:#FFF;
    width:100%;
    background:#333;
    font-size:16px;
    text-align:center;
}

/*google map responsive*/
.googlemapWrapper > iframe {
    width:100%;
    height:500px;
    /*pointer-events: none;*/
    border:none;
}

.googlemapWrapper_s > iframe {
    width:100%;
    height:200px;
    /*pointer-events: none;*/
    border:none;
}

.content-md{
min-height:500px;
}
@media (max-width:767px) {
.content-md{
min-height:250px!important;
}
}

.portfolio-item .item-inner {
padding:0 0 1px;
}

table{
width:100%;
}
.scroll{
overflow: auto;　　　　/*tableをスクロールさせる*/
white-space: nowrap;　　/*tableのセル内にある文字の折り返しを禁止*/
}
.scroll::-webkit-scrollbar{　　/*tableにスクロールバーを追加*/
 height: 5px;
}
.scroll::-webkit-scrollbar-track{　　/*tableにスクロールバーを追加*/
 background: #F1F1F1;
}
.scroll::-webkit-scrollbar-thumb {　　/*tableにスクロールバーを追加*/
 background: #BCBCBC;
}

strong {
    font-weight:bold;
}

.net_entry {
	position:fixed;
	right:10px;
	top:100px;
	width:100px;
	height:100px;
	font-size:16px;
        font-weight:bold;
	background: #e67e22;
	border: 2px #FFF solid;
	box-shadow: 2px 2px 10px rgba(0,0,0,0.5);
	border-radius: 100%!important;
	z-index: 9999;
	color: #FFF;
	text-align: center;
	padding-top: 57px;
	line-height: 100%;
	-webkit-animation: 2.0s fuwafuwa infinite ease;
	animation: 2.0s fuwafuwa infinite ease;
}

.net_entry:hover {
	background: #d66e12;
	color: #FFF;
}

.net_entry i {
	position:absolute;
	font-size:30px;
	top:15px;
	left:50%;
	margin-left:-15px;
	color:#FFF;
}


.net_entry a {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

.rwd1 th  { width: 30%; text-align: left; }
 
@media only screen and (max-width:480px){
    .rwd1 { margin: 0 -10px; }
    .rwd1 th,
    .rwd1 td{
    width: 100%;
    display: block;
    border-top: none;
    }
  .demo01 tr:first-child th { border-top: 1px solid #ddd; }
}

.editlink img {
width:30px;
height:25px;
}

dl.flow_access {
    margin-bottom:50px;
}

dl.flow_access dt {
    display:block;
    width:100%;
    background:#CCC;
    padding:10px;
    text-align:center;
    border-radius:25px;
}
dl.flow_access dt:first-child {
    font-size:130%;
    background:#666;
    color:#FFF;
    border-radius:5px;
}

dl.flow_access dt:last-child {
    font-size:130%;
    background:#fff;
    color: rgb(0, 40, 112);
    border-radius:5px;
    border:1px rgb(0, 40, 112) solid;
}

dl.flow_access dd {
    display:inline-block;
    margin-left:25px;
    padding:10px 0 10px 15px;
    border-left:2px #333 dotted;
}
#_top_ja  h2 {
    text-align:center;
}

.bg_over_text_w {
color:white;
font-size:16px;
text-shadow:0px 2px 12px rgba(0,0,0,0.7);
}
.bg_over_text_b {
color:#000;
font-size:16px;
}
.color-white {
color:#fff;
}

#recruit_topmassege_ja h2,
#recruit_staff_ja h2 {
    text-align:center;
}

.well {
    background-color:#f7f4f2;
    border: 2px solid #9c8061;
}

 .panel-heading {
    cursor: pointer;
}
 .accordion-toggle a:after {
    font-family: 'Glyphicons Halflings';
    content:"\e113";
    float: right;
    color: inherit;
}
 .accordion-toggle a.collapsed:after {
    font-family: 'Glyphicons Halflings';
    content:"\e114";
    float: right;
    color: inherit;
}