@charset "UTF-8";
/*------------------------------------------------*/
/*
		common.css | built 2017/08/15
*/
/*------------------------------------------------*/

body {
	background-color: white;
}

body { /*padding-top: 80px;*/ }
  @media ( min-width: 768px ) {
    #banner {
      min-height: 300px;
      border-bottom: none;
    }
    .bs-docs-section {
      margin-top: 20px;
    }
    .bs-component {
      position: relative;
    }
    .bs-component .modal {
      position: relative;
      top: auto;
      right: auto;
      left: auto;
      bottom: auto;
      z-index: 1;
      display: block;
    }
    .bs-component .modal-dialog {
      width: 90%;
    }
    .bs-component .popover {
      position: relative;
      display: inline-block;
      width: 220px;
      margin: 20px;
    }
    .nav-tabs {
      margin-bottom: 15px;
    }
    .progress {
      margin-bottom: 10px;
    }
}

.logo {
	margin-top: 10px;
	margin-left: 3px;
}

h1 {
	font-size: 220%;
	font-weight: bold;
	color: #144374;
}

h2 {
	font-size: 320%;
	font-weight: bold;
	color: #232323;
	background-color: rgba( 255, 255, 255, 0.6);
}

h3 {
	font-size: 260%;
	color: #000;
	font-weight: bold;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

h5 {
	font-size: 120%;
	color: #1a3e6e;
	font-weight: bold;
}

#main-mongon {
	font-size: 180%;
	color: #000;
	font-weight: bold;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

#main-mongon02 {
	font-size: 120%;
	line-height: 180%;
}

h4 {
	font-size: 220%;
	font-weight: bold;
}

.ttl-sub {
	font-size: 160%;
	font-weight: bold;
}

.main-info {
	color: white;
	font-weight: bold;
}

#addbox {
	text-align: right;
	margin-top: 50px;
}

#addbox a {
	color: white;
}

img {
	max-width: 100%;
}

.text-center {
	font-size: 100%;
	margin-left: 0;
	margin-right: 0;
}

.text-left {
	font-size: 100%;
	text-align: left;
}

.text-right {
	font-size: 100%;
	text-align: right;
}


.container .info {
	background-color: #ccbdae;
}

.nav {
	margin-top: 5px;
	font-size: 85%;
}

.navbar-default {
  background-color: rgba( 84, 43, 15, 0 );
  /*border-color: #e5d2be;*/
}

@media ( max-width: 768px ) {
.navbar-default {
  background-color: rgba( 255, 255, 255, 0.7 );
  /*border-color: #e5d2be;*/
}
}

.navbar-default .navbar-nav > li > a:link, .navbar-default .navbar-nav > li > a:focus {
  color: #000;
	font-weight: bold;
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
  color: #ff9b19;
  background-color: transparent;
}

.navbar-default .navbar-nav > li > a:active, .navbar-default .navbar-nav > li > a:active {
  color: #000;
	font-weight: bold;
}

.navbar-default .navbar-nav > li > a:visited, .navbar-default .navbar-nav > li > a:visited {
  color: #000;
	font-weight: bold;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
  color: #000;
  background-color: rgba( 75, 142, 160 , 0.8);
}

/*-----go to top*/

.page-top {
	display: none ;
	margin: 0 ;
	padding: 0 ;
	z-index: 25;
	position: relative;
}
 
.page-top p {
	margin: 0 ;
	padding: 0 ;

	position: fixed ;
	right: 16px ;
	bottom: 16px ;
}
 
.move-page-top {
	display: block ;
	background: #1c497f ;
	width: 50px ;
	height: 50px ;
	cursor: pointer ;

	color: #fff ;
	line-height: 50px ;
	text-decoration: none ;
	text-align: center ;

	-webkit-transition:all 0.3s ;
	-moz-transition:all 0.3s ;
	transition:all 0.3s ;

	border-radius: 5px;		/* CSS3草案 */
	-webkit-border-radius: 5px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 5px;	/* Firefox用 */
}

@media screen and ( min-width:1290px ) {
	.move-page-top:hover
	{
		opacity: 0.85 ;
	}
}

/*-----go to top end*/


img.loader {
   margin: 20px 0;
 }

.mt30 {
	margin-top: 30px;
}

.mt50 {
	margin-top: 50px;
}

.mt80 {
	margin-top: 80px;
}

.mt100 {
	margin-top: 100px;
}

.mt150 {
	margin-top: 150px;
}

.mt160 {
	margin-top: 160px;
}

.mt170 {
	margin-top: 170px;
}

.mt180 {
	margin-top: 180px;
}

.mt190 {
	margin-top: 190px;
}

.mt200 {
	margin-top: 200px;
}

.mt300 {
	margin-top: 300px;
}

/*--------------------------------------------*//*header*/

.fbimg {
	margin-top: -8px;
}

/*--------------------------------------------*//*header end*/

/*--------------------------------------------*//*main pic*/

.sappororeien.special {
  position: relative;
  min-height: 820px;
  margin-bottom: 0;
  overflow: hidden;
  text-align: center;
  background-color: #ede2d6;
  background-image: url("../images/main.png");
  background-repeat: no-repeat;
  background-position: center;
  /*-webkit-background-size: 100% 100%;
  background-size: 100%;*/
}

#main02 {
  position: relative;
  min-height: 1000px;
  margin-bottom: 0;
  overflow: hidden;
  text-align: center;
  background-color: #FFF;
  background-image: url("../images/main02.png");
  background-repeat: no-repeat;
  background-position: center;
  /*-webkit-background-size: 100% 100%;
  background-size: 100%;*/
}

.sappororeien .lead {
  font-size: 12px;
  font-weight: 300;
  line-height: 1.4;
	max-width: 100%;
	margin-top: 150px;
}

@media (max-device-width: 480px) and (orientation: landscape) {
.sappororeien .lead {
  margin-top: 260px;
	max-width: 100%;
}
}

.ttl-description {
	font-size: 180%;
	font-weight: bold;
}

.ttl-description02 {
	font-weight: bold;
	border-top: solid 1px #000;
	border-bottom: solid 1px #000;
	padding: 5px 0 5px 0;
}

.ttl-description-img {
	text-align: right;
}

/*--------------------------------------------*//*main pic end*/

/*--------------------------------------------*//*event*/

#event {
  position: relative;
  margin-bottom: 0;
  overflow: hidden;
	min-height: 300px;
  text-align: center;
  background-color: #FFFFFF;
  background-image: url("../images/event01.png");
  background-repeat: no-repeat;
  background-position: center;
	padding: 20px;
  /*-webkit-background-size: 100% 100%;
          background-size: 100%;*/
}

#event .daybox {
	margin-left: -35px;
	margin-top: -20px;
	padding: 25px 5px 5px 5px;
	width: 100px;
	height: 100px;
	background-color: rgba( 255, 255, 255, 0.8 );
}

#event .daytext {
	text-align: center;
	font-weight: bold;
	font-size: 85%;
}

#event .ttl {
	border: solid 3px #FFF;
	padding: 5px;
	width: 210px;
	font-size: 90%;
	font-weight: bold;
	color: #FFF;
	margin: 0 auto;
}

#event .mongon {
	font-size: 120%;
	font-weight: bold;
	color: #FFF;
	margin: 0 auto;
	margin-top: 10px;
}

.place .subttl {
	text-align: center;
	color: #FFFFFF;
	font-size: 250%;
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}

.btn-danger {
  color: #fff;
  background-color: rgba( 28, 73, 127 , 0.8);
  border-color: #606060;
  -webkit-transition-timing-function: ease;
       -o-transition-timing-function: ease;
          transition-timing-function: ease;
  -webkit-transition-duration: .3s;
       -o-transition-duration: .3s;
          transition-duration: .3s;
  -webkit-transition-property: all;
       -o-transition-property: all;
          transition-property: all;
}
.btn-danger:focus, .btn-danger.focus {
  color: #fff;
  background-color: rgba( 75, 142, 160 , 0.8);
  border-color: rgba( 75, 142, 160 , 0.8);
}
.btn-danger:hover {
  color: #fff;
  background-color: rgba( 75, 142, 160 , 0.8);
  border-color: rgba( 75, 142, 160 , 1.0);
}
.btn-danger:active, .btn-danger.active, .open > .btn-danger.dropdown-toggle {
  color: #fff;
  background-color: #e43725;
  border-color: #df2e1b;
}
.btn-danger:active:hover, .btn-danger:active:focus, .btn-danger:active.focus, .btn-danger.active:hover, .btn-danger.active:focus, .btn-danger.active.focus, .open > .btn-danger.dropdown-toggle:hover, .open > .btn-danger.dropdown-toggle:focus, .open > .btn-danger.dropdown-toggle.focus {
  color: #fff;
  background-color: #b62516;
  border-color: #891c11;
}
.btn-danger:active, .btn-danger.active, .open > .btn-danger.dropdown-toggle {
  background-image: none;
}
.btn-danger.disabled, .btn-danger.disabled:hover, .btn-danger.disabled:focus, .btn-danger.disabled.focus, .btn-danger.disabled:active, .btn-danger.disabled.active, .btn-danger[disabled], .btn-danger[disabled]:hover, .btn-danger[disabled]:focus, .btn-danger[disabled].focus, .btn-danger[disabled]:active, .btn-danger[disabled].active, fieldset[disabled] .btn-danger, fieldset[disabled] .btn-danger:hover, fieldset[disabled] .btn-danger:focus, fieldset[disabled] .btn-danger.focus, fieldset[disabled] .btn-danger:active, fieldset[disabled] .btn-danger.active {
  background-color: #e74c3c;
  border-color: #e64433;
}
.btn-danger .badge {
  color: #e74c3c;
  background-color: #fff;
}

/*--------------------------------------------*//*event end*/

.category01 {
  padding: 0;
  margin: 0 0 24px;
  font-size: 16px;
	text-align: center;
}

.category01.pull-right {
  padding-right: 0;
  padding-left: 0;
  text-align: right;
  border-left: 0;
}

.category01 footer,
.category01 small,
.category01 .small {
  display: block;
  font-size: 80%;
  line-height: 1.5;
  color: #b4bcc2;
}

.category01 .subttl {
	text-align: center;
	color: #593f23;
	font-weight: bold;
}

p .text-center {
	font-size: 60%;
	text-align: center;
}

.bs-component .category01 {
	text-align: center;
}

p .cont-ttl {
	font-weight: bold;
}

/*--------------------------------------------*//*category01 end*/


/*--------------------------------------------*//*service*/

.btnservice {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: normal;
  line-height: 1.5;
  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: 2px;
}

.btn-service {
  color: #fff;
  background-color: #fcaa32;
  border-color: #fcaa32;
  -webkit-transition-timing-function: ease;
       -o-transition-timing-function: ease;
          transition-timing-function: ease;
  -webkit-transition-duration: .3s;
       -o-transition-duration: .3s;
          transition-duration: .3s;
  -webkit-transition-property: all;
       -o-transition-property: all;
          transition-property: all;
}
.btn-service:focus, .btn-service.focus {
  color: #fff;
  background-color: #d62c1a;
  border-color: #891c11;
}
.btn-service:hover {
  color: #fff;
  background-color: #d62c1a;
  border-color: #c42818;
}
.btn-service:active, .btn-service.active, {
  color: #fff;
  background-color: #e43725;
  border-color: #df2e1b;
}

.btn-margin15 {
	margin-top: 15px;
}

.btn-margin20 {
	margin-top: 20px;
}

.btn-margin30 {
	margin-top: 30px;
}

.btn-margin35 {
	margin-top: 35px;
}

.btn-margin40 {
	margin-top: 40px;
}

.btn-margin63 {
	margin-top: 63px;
}

.btn-margin-bot20 {
	margin-bottm: 20px;
}

.attention {
    font-size: 70%;
    font-weight: bold;
}

/*--------------------------------------------*//*service end*/


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

#footer-bg {
	background-color: #000;
	color: #FFF;
}

#footer-bt {
	margin: 15px 0 15px 0;
}

.footer-name {
	font-size: 100%;
	font-weight: bold;
}

.footer-add {
	font-size: 60%;
}

#copyright {
	color: white;
	font-size: 80%;
  bottom: 0;
}

#gray-box {
	padding: 10px 10px 110px 10px;
	margin: 20px 20px 0 0 ;
	background-color: rgb( 127, 127, 127);
	width: 250px;
	float: left;
}

#footer-bg .topmap {
	float: left;
	padding-top: 20px;
}

#footer-bg a {
  color: #FFF;
  text-decoration: none;
}
#footer-bg a:hover, a:focus {
  color: #9b1313;
  text-decoration: underline;
}

a {
  color: #c31717;
  text-decoration: none;
}
a:hover, a:focus {
  color: #9b1313;
  text-decoration: underline;
}

/*--------------------------------------------*//*footer end*/

/*--------------------------------------------*//*fadein*/
.fadein {
	opacity : 0.1;
	transform : translate(0px, 50px);
	transition : all 700ms;
	}
.fadein.scrollin {
	opacity : 1;
	transform : translate(0px, 0px);
	}

#effect2 .fadein:nth-of-type(2) {
	-moz-transition-delay:200ms;
	-webkit-transition-delay:200ms;
	-o-transition-delay:200ms;
	-ms-transition-delay:200ms;
	}
#effect2 .fadein:nth-of-type(3) {
	-moz-transition-delay:400ms;
	-webkit-transition-delay:400ms;
	-o-transition-delay:400ms;
	-ms-transition-delay:400ms;
	}
/*--------------------------------------------*//*fadein end*/