@charset "UTF-8";
/* CSS Document */


#menu {
	width: 100%;
	max-width: 960px;
	margin: 0 auto;
	padding: 0;
	background: #f8f8f8;
}

#menu li{
	display: block;
	float: left;
	width: 12.5%;
	margin: 0;
	padding: 0;
}

#menu li a {
background: rgb(246,248,249); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(246,248,249,1) 0%, rgba(229,235,238,1) 50%, rgba(215,222,227,1) 51%, rgba(245,247,249,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(246,248,249,1)), color-stop(50%,rgba(229,235,238,1)), color-stop(51%,rgba(215,222,227,1)), color-stop(100%,rgba(245,247,249,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%,rgba(215,222,227,1) 51%,rgba(245,247,249,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%,rgba(215,222,227,1) 51%,rgba(245,247,249,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%,rgba(215,222,227,1) 51%,rgba(245,247,249,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%,rgba(215,222,227,1) 51%,rgba(245,247,249,1) 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f8f9', endColorstr='#f5f7f9',GradientType=0 ); /* IE6-9 */
	display: block;
	padding: 15px 0;
	color: #414141;
	text-align: center;
	text-decoration: none;
	font-size: 95%;
	border-right: 1px solid #CCC;
	font-weight: bold;
	letter-spacing:1px;
}

#menu li:last-child a{
	border: none;
}
#menu li a:hover{
	background: #2878A8;
	color: #FFF;
}
#toggle {
	display: none;
}

/* 画面サイズが768px以下の場合に適用 */
@media only screen and (max-width: 768px) {
	#menu li {
		width: 25%;
		border-bottom: 1px solid #dfdfdf;
	}
	



.navbar-default {
border-bottom: 0px;

}









}

/* 画面サイズが480px以下の場合に適用 */
@media only screen and (max-width: 480px) {
	
	  .logo{
	font-size: 180%;
	margin: margin: 0px auto;
	}
	

	
	
	#menu {
		display: none;
	}
	
	#menu li {
		width: 100%;
	}
	
	#toggle {
		display: block;
		position: relative;
		width: 100%;
		background: #069;
	}
	
	#toggle a{
		display: block;
		position: relative;
		padding: 13px 0 14px;
		border-bottom: 1px solid #069;
		color:#FFF;
		text-align: center;
		text-decoration: none;
	}
	
	#toggle:before {
		display: block;
		content: "";
		position: absolute;
		top: 50%;
		left: 10px;
		width: 30px;
		height: 30px;
		margin-top: -15px;
		background: #FFF;
	}
	#toggle a:before, #toggle a:after {
		display: block;
		content: "";
		position: absolute;
		top: 50%;
		left: 10px;
		width: 30px;
		height: 6px;
		background: #2a83a2;
	}

	#toggle a:before {
		margin-top:-9px;
	}
	
	#toggle a:after {
		margin-top: 3px;
	}
}


/* スマホ横画面用 */
@media screen and (max-width: 480px) {
  .container{padding:0}
  div[class^="col-"] {padding:0}
  .row {margin:0;}
}
/* スマホ縦画面用 */
@media screen and (max-width: 320px) {
  .container{padding:0}
  div[class^="col-"] {padding:0}
  .row {margin:0;}
}

.lead-bold{
	font-size:110%;
	font-weight: bold;
		
}


.green_kadomaru{

background: #69b20a; /* Old browsers */

background: -moz-linear-gradient(top,  #69b20a 52%, #8ccc39 52%, #8ccc39 52%); /* FF3.6-15 */

background: -webkit-linear-gradient(top,  #69b20a 52%,#8ccc39 52%,#8ccc39 52%); /* Chrome10-25,Safari5.1-6 */

background: linear-gradient(to bottom,  #69b20a 52%,#8ccc39 52%,#8ccc39 52%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#69b20a', endColorstr='#8ccc39',GradientType=0 ); /* IE6-9 */

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

}




.green_kadomaru a {
	text-align: center;
	color: hsla(0,0%,100%,1.00);
	font-size: 130%;
	font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
	padding-top: 15px;
	padding-bottom: 15px;
	display: block;
	letter-spacing: 2px;
	text-shadow: 2px 2px hsla(0,1%,47%,1.00);
}



.green_kadomaru a:hover {
	text-decoration: none;
	background-color: hsla(0,0%,42%,1.00);
	    border-radius: 6px;        /* CSS3草案 */
    -webkit-border-radius: 6px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 6px;   /* Firefox用 */
}



.heading_hinmoku {
	font-size: 150%;
	font-weight: bold;
	letter-spacing:2px;
	}

.red{
	color: #dc143c;
	}





@font-face {
  font-family: "LigatureSymbols";
  src: url("../fonts/LigatureSymbols-2.11.eot");
  src: url("../fonts/LigatureSymbols-2.11.eot?#iefix") format("embedded-opentype"),
           url("../fonts/LigatureSymbols-2.11.woff") format("woff"),
           url("../fonts/LigatureSymbols-2.11.ttf") format("truetype"),
           url("../fonts/LigatureSymbols-2.11.svg#LigatureSymbols") format("svg");
  font-weight: normal;
  font-style: normal;
}

.icon-font {
  font-family: "LigatureSymbols";
  -webkit-text-rendering: optimizeLegibility;
  -moz-text-rendering: optimizeLegibility;
  -ms-text-rendering: optimizeLegibility;
  -o-text-rendering: optimizeLegibility;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -ms-font-smoothing: antialiased;
  -o-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -webkit-font-feature-settings: "liga"1, "dlig"1;
  -moz-font-feature-settings: "liga=1, dlig=1";
  -ms-font-feature-settings: "liga"1, "dlig"1;
  -o-font-feature-settings: "liga"1, "dlig"1;
  font-feature-settings: "liga"1, "dlig"1;
}

/*------------------------------------------
// User style start
// change
----------------------------------------- */

.general-button  {
  border-radius: 9px;
  background-color: #ffd700;
  width:100%;
  font-weight:bold;
}

.general-button:before  {
  border-radius: 9px;
  border-bottom: 0px solid rgba(49,84,115, 0);
  background-color: rgba(49,84,115, 0);
}

.button-content  {
	border-radius: 0px 0px 9px 9px;
	padding: 6px 7.5px;
	box-shadow: 0px 0px 0px 0px rgba(49,84,115, 0);
	color: #353535;
}

.button-text  {
  padding: 0px 7.5px;
  line-height: 2.7em;
  font-size: 20px;
}

.icon-font  {
  padding: 0px 7.5px;
  font-size: 54px;
}

/*----------------- at hover -----------------*/

.general-button:hover  {
  top: -3px;
  transition: all 88ms;
  -moz-transition: all 88ms;
  -webkit-transition: all 88ms;
  -o-transition: all 88ms;
  background-color: #CC9900;
}

.general-button:hover:before  {
  border-bottom: 3px solid rgba(49,84,115, 0);
  transition: all 88ms;
  -moz-transition: all 88ms;
  -webkit-transition: all 88ms;
  -o-transition: all 88ms;
}

.general-button:hover .button-content  {
  box-shadow: 0px 3px 0px 0px #b26200;
  transition: all 88ms;
  -moz-transition: all 88ms;
  -webkit-transition: all 88ms;
  -o-transition: all 88ms;
  width:100%;
}

/*----------------- at active -----------------*/

.general-button:active  {
  background-color: #b26200;
  box-shadow: 0px 1.6px 0px 0px #b26200 inset;
}

.general-button:active:before  {
  top: -3px;
  padding-bottom: 3px;
  border-bottom: 0px solid rgba(49,84,115, 0);
}

.general-button:active .button-content  {
  box-shadow: 0px 0px 0px 0px rgba(49,84,115, 0);
}

/*------------------------------------------
// User style end
----------------------------------------- */

/*------------------------------------------
// Core style start
// not change
----------------------------------------- */

.general-button  {
	display: -moz-inline-box;
	display: inline-block;
	user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	transition: all 0ms;
	-moz-transition: all 0ms;
	-webkit-transition: all 0ms;
	-o-transition: all 0ms;
	position: relative;
	top: 0px;
	cursor: pointer;
	text-decoration: none;
	line-height: 1;
}

.general-button:before  {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.button-content  {
  display: table;
  transition: all 0ms;
  -moz-transition: all 0ms;
  -webkit-transition: all 0ms;
  -o-transition: all 0ms;
}

.button-text  {
  display: table-cell;
  vertical-align: middle;
  text-decoration: none;
}

.icon-font  {
  display: table-cell;
  vertical-align: middle;
}

/*----------------- at hover -----------------*/

.general-button:hover  {
  transition-timing-function: ease-in-out;
}

.general-button:hover:before  {
  transition-timing-function: ease-in-out;
}

.general-button:hover .button-content  {
  transition-timing-function: ease-in-out;
}

/*----------------- at active -----------------*/

.general-button:active  {
  top: 0px;
  transition: all 0ms;
  -moz-transition: all 0ms;
  -webkit-transition: all 0ms;
  -o-transition: all 0ms;
}

.general-button:active:before  {
  transition: all 0ms;
  -moz-transition: all 0ms;
  -webkit-transition: all 0ms;
  -o-transition: all 0ms;
}

.general-button:active .button-content  {
  transition: all 0ms;
  -moz-transition: all 0ms;
  -webkit-transition: all 0ms;
  -o-transition: all 0ms;
}




/*------------------------------------------
// Core style end
----------------------------------------- */

/*------------------------------------------
// Touch style start
----------------------------------------- */

/*----------------- at hover -----------------*/

.touch .general-button:hover  {
  top: 0px;
  background-color: #497ca9;
}

.touch .general-button:hover:before  {
  border-bottom: 0px solid rgba(49,84,115, 0);
}

.touch .general-button:hover .button-content  {
  box-shadow: 0px 0px 0px 0px rgba(49,84,115, 1);

}

/*----------------- at active -----------------*/

.touch .general-button:active  {
  background-color: #416e97;
  box-shadow: 0px 1.6px 0px 0px rgba(42,71,97, 1) inset;
}

.touch .general-button:active:before  {
  top: -3px;
  padding-bottom: 3px;
  border-bottom: 0px solid rgba(49,84,115, 0);
}

.touch .general-button:active .button-content  {
  box-shadow: 0px 0px 0px 0px rgba(49,84,115, 0);
}

/*------------------------------------------
// Touch style end
----------------------------------------- */


.mt_20 {
	clear:both;
	margin-top:20px;
	}

.mt_30 {
	clear:both;
	margin-top:30px;
	}

.text_110{
	font-size: 110%;
}
.text_120{
	font-size: 120%;
}

.text_130{
	font-size: 130%;
}

.text_140{
	font-size: 140%;
}

p{
	letter-spacing: 0.07em;
	line-height: 150%;
}

.heading_01 {
font-size: 125%;
font-weight: bold;
letter-spacing: 1px;
padding-left: 0px;
}