@charset "utf-8";
/* CSS Document */
	/*タイトル色変え*/
	.navbar-inner {
	background-color: #09f;
	background-image: -moz-linear-gradient(top, #09f, #09f);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#09f), to(#09f));
	background-image: -webkit-linear-gradient(top, #09f, #09f);
	background-image: -o-linear-gradient(top, #09f, #09f);
	background-image: linear-gradient(to bottom, #09f, #09f);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#09f', endColorstr='#09f', GradientType=0);
	border: 0;
		margin-top: 25px;
    }
    .navbar .brand{
        color: #fff!important;
        text-shadow: none;
    }
	/*項目のテーブル色変え*/
    tr, tr:hover, th, th:hover{
        color: #666;
        background-color: #ffffe0!important;
	}
    .validate, .validate3, .validate5{
        background-color: #fff!important;
    }
	.set_recalculate {
    background-color: #09f;
	}
	.breadcrumb {
    background-color: #EAF6FD ;
		color: #666;
		text-shadow: none;
	}
	.warning input, .warning select, .warning textarea	{
    border-color: #09f;
	}
	.warning input:focus, .warning select:focus, .warning textarea:focus{
		border-color: #09f;
	}
	.label-warning, .badge-warning	{
		background-color: #09f;
	}
	.formErrorContent{
		color: #09f !important;
	}
	blockquote {
		border-color:#09f;
	}
	h5 {
		border-color:#09f;
	}
	/* button */
	.btn-primary
	{
		color: #fff;
		font-weight: bold;
        background-color: #09f;
        background-image: -moz-linear-gradient(top, #09f, #09f);
        background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#DDE4A9), to(#09f));
        background-image: -webkit-linear-gradient(top, #09f, #09f);
        background-image: -o-linear-gradient(top, #09f, #09f);
        background-image: linear-gradient(to bottom, #09f, #09f);
        background-repeat: repeat-x;
		display: block;
		height: 100%;
		margin: auto;
    }
    button{
        width: 95%!important;
    }
    .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled]    {
            color: #fff;
            background-color: #f0ffff;
			transition: 0.3s;
        }
	.btn:hover,.btn:focus{
		background-position: 0 -70px!important;
		}
	.ss_input{
		width: 100%;
		display: block;
	}
	input[type="text"]{
		box-sizing: border-box;
		padding: 15px 10px;
		width: 100%;
	}
	@media screen and (min-width:650px) { 
		#name_mei,#name_sei,#email,#email_again{
			width:49%;	
		}
		#name_sei,#email{
			float: left;
			margin-right: 2%;
		}
	}
	@media screen and (max-width:650px) { 
		#name_mei,#email_again{
			margin-top: 8px;
		}
	}
	textarea,select{
		box-sizing: border-box;
		width: 100%;
	}
	@media screen and (max-width:767px) {
		textarea,select{
			box-sizing: border-box;
			width: 100%;
		}

	}
.ss_bottomComment{
	text-align: end;
}
.ss_privacy{
	height: 65px;
}
		/*フッターコピーライト*/
    address{
        font-size: 80%;
        text-align: center;
        color: #666;
    }
	/*アンケートフォームのアイフレーム*/
    .iframe_wrap {
      position: relative;
      width: 100%;
      padding-top: 100%;
      overflow:auto; 
      -webkit-overflow-scrolling:touch;
      border:none; 
    }
    .iframe_wrap iframe {
        position:absolute;
        top:0;
        left:0;
        width:100%;
        height:100%;
        border:none;
        display:block;
    }
	.catalog{
		display:flex;
		flex-wrap:wrap;
		justify-content:center;
		align-items:center;
	  }
	  .catalog,.catalog dd{
		margin:0;
	  }
	  .catalog dt,.catalog dd{
		width:100%;
	  }
	  .catalog_text{
		background-color: #ffc;
		border-radius: 10px;
		padding:15px;
		margin-bottom:20px!important;
		display:block;
	  }
	  .catalog_name{
		display:block;
		font-size:120%;
		text-align:center;
		font-weight:bold;
		margin-top:20px!important;
	  }
	.catalog img{
	  display:block;
	  width:100%;
	  border: solid 1px #333;
	  box-sizing:border-box;
	  margin-bottom:20px;
	  }
	@media screen and (min-width:576px) {
	  .catalog dt,.cakalog dd{
		padding:0 15px;
	  }  
	  .catalog dt{
		width:40%;
	  }
	  .catalog dd{
		width:50%;
	  }
	  }