/* caution */
.caution{color:#c1272d;text-align:right;padding:10px 0;font-size:1.2em;margin:20px 0;border-radius:5px;}

/* scrollup */
.scrollUp{opacity:0;filter:alpha(opacity=0)}@media print{.scrollUp{opacity:1;filter:alpha(opacity=100)}}



/* base */
@media screen and (min-width: 981px) {
.sp{display:none;}
}
@media screen and (max-width: 980px) {
.pc{display:none;}
}

html{height:auto;}
body{background:#fff;margin:0;padding:0;height:auto;line-height:2em;}
a:hover{text-decoration:none;}
ul{list-style:none;padding:0 0 0 0;margin:0;}
video{
position: fixed;
right: 0;
bottom: 0;
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
z-index: -1;
opacity:0.2;
}

h1.hd1{text-transform:uppercase;font-size:32px;color:#000;padding:20px 0 20px 30px;}
	h1.hd1 small{font-size:20px;display:block;color:#000;padding-bottom:5px;padding-left:5px;}
h2.hd2{font-size:36px;color:#000;font-weight:block;}

h3.hd3{text-align:center;font-size:28px;color:#000;font-weight:bold;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}
	p.mincho-h3{text-align:center;font-size:18px;color:#000;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}
.hd2a{text-align:left;font-size:36px;color:#444;font-weight:normal;}
.hd3a{text-align:left;font-size:18px;color:#777;font-weight:normal;}
@media screen and (max-width: 768px) {
h1.hd1{text-transform:uppercase;font-size:20px;color:#000;padding:20px 0 20px 30px;}
	h1.hd1 small{font-size:16px;display:block;color:#000;padding-bottom:5px;padding-left:5px;}
h2.hd2{font-size:20px;color:#000;font-weight:block;}
h3.hd3{text-align:center;font-size:20px;color:#000;font-weight:bold;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}

}


a.link-ar:after{content:'\f144';font-family: FontAwesome;margin-left:5px;}


/* wrapper */
wrapper{display:block;position:relative;width:100%;height:auto;}

/* header */

header{background:#fff;margin:0; }

.sitename{padding:20px 0;text-align:left;margin:0 10px;}
	.sitename a{font-size: 1em;color: inherit;}
	.sitename a img{height:50px;display:inline-block;}
	.sitename a p{display:inline-block;font-size:1em;margin-left:10px;}

@media screen and (max-width: 768px) {
.sitename{padding:5px 0;text-align:left;margin:0 0px;}
	.sitename a{font-size: 1em;color: inherit;}
	.sitename a img{height:30px;display:inline-block;}
	.sitename a p{display:inline-block;font-size:0.8em;margin-left:5px;}
}


.navbar-default{background:#ffe2ad;border:none;padding:0;box-shadow:none;margin:0;}
.navbar .navbar-inner {padding: 0;}
 	.navbar .nav {margin: 0;display: table;width: 100%;}
 	.navbar .nav li {display: table-cell;float: none;}
 		.navbar .nav li a {
		-webkit-transition-property: background-color;  
		-webkit-transition-duration: 0.5s;  
		-webkit-transition-timing-function: linear;
 		text-align: center;color:#000;font-size:1.2em;}
 		.navbar .nav li a:hover{background:#f39800;color:#fff;}
 		.navbar .nav li a.active{background:#f39800;color:#fff;}
@media screen and (max-width: 900px) {
.navbar .nav li a {font-size:0.9em;}
}

@media screen and (min-width: 992px){
.dropdown:hover > .dropdown-menu{display:block;}
}


.navbar-default .navbar-nav>.open>a{color: #fff;background:#f39800;}
.navbar-default .navbar-nav>.open>a:focus{color: #fff;background:#f39800;}
.navbar-default .navbar-nav>.open>a:hover{color: #fff;background:#f39800;}

 		.navbar .nav li a small {display:block;color:#666666;font-size:0.8em;padding:2px 0;}

	.navbar .nav .dropdown-menu{box-shadow:none;border:none;background:#ffe2ad;transition: ease 1s;}
		.navbar .nav .dropdown-menu li{display:block;text-align:left;}
		.navbar .nav .dropdown-menu li a{display:block;text-align:left;font-size:1em;margin-left:20px;}
		.navbar .nav .dropdown-menu li a:hover{color:#f39800;background:none;}
		.navbar .nav .dropdown-menu li a:hover:before{content:'\f0da';font-family: FontAwesome;position:absolute;left:20px;}
		
@media screen and (max-width: 991px) {
.navbar-fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {max-height: 540px;}
	.navbar  {display: block;height:auto;}
 	.navbar .nav {display: block;height:auto;}
 	.navbar .nav li {display: block;float: none;}

.navbar-brand{display:block;width:200px;margin-top:-10px;}
.navbar-brand img{display:block;width:100%;}



	.navbar .nav .dropdown-menu{box-shadow:none;border:none;background:#ffe2ad;transition: ease 1s;}
		.navbar .nav .dropdown-menu li{display:block;width:100%;text-align:center;float:none;}
		.navbar .nav .dropdown-menu li a{display:block;text-align:center;font-size:1em;margin-left:0;font-weight:bold;}
		
		
}


/* navbar collapse for iPad (bootstrap) */
@media (max-width: 991px) {
    .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin: 7.5px -15px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .navbar-text {
        float: none;
        margin: 15px 0;
    }
    .navbar-collapse.collapse.in {
        display: block!important;
    }
    .collapsing {
        overflow: hidden!important;
    }
}

/* main */

.white{background:#fff;padding:40px 0;}
	.white h1.hd1{background-image:url('img/icon/icon-o.png');background-repeat:none;background-repeat:no-repeat;background-position:left center;background-size:80px auto;}
.orange{background:#ffe2ad;padding:40px 0;}
	.orange h1.hd1{background-image:url('img/icon/icon-w.png');background-repeat:none;background-repeat:no-repeat;background-position:left center;background-size:80px auto;}
.gray{background:#f6f4f2;padding:40px 0;}
	.gray h1.hd1{background-image:url('img/icon/icon-o.png');background-repeat:none;background-repeat:no-repeat;background-position:left center;background-size:80px auto;}
	.gray h2.hd2{font-size:24px;color:#000;font-weight:normal;position:relative;padding-left:30px;}
	.gray h2.hd2:before{color:#f39800;content:'\f0c8';font-family: FontAwesome;position:absolute;left:0;}
	.gray h3.hd3-a{font-size:20px;color:#000;}
	.gray h4.hd4{font-size:16px;color:#000;font-weight:bold;}
@media screen and (max-width: 768px) {
.white{background:#fff;padding:20px 0;}
.orange{background:#ffe2ad;padding:20px 0;}
.gray{background:#f6f4f2;padding:20px 0;}

}


.inner{padding:10px 30px;}
@media screen and (max-width: 1200px){
.inner{padding:10px 10px;}

}


/* footer */

footer{
display:block;
width:100%;
background:#ffe2ad;
color:#000;
font-size:1em;
margin-top:50px;
position:relative;
}

footer a:hover{text-decoration:underline;}
.footer-border{height:5px;position:absolute;top:-5px;right:0;width:20%;background:#f39800;}
.footer-logo{text-align:center;padding:20px 0;background:#fef7ec;}
	.footer-logo img{height:50px;display:inline-block;}
	.footer-logo p{display:inline-block;margin-left:10px;}

.footer-menu{padding-top:20px;padding-bottom:20px;}
.footer-menu ul{list-style:none;padding:0 0 0 20px;margin:0;}
	.footer-menu ul li a{color:#000;font-size:1.1em;padding:5px 0;display:block;}
		.footer-menu ul li a:before{color:#000;content:'\f0da';font-family: FontAwesome;position:absolute;left:20px;}
		.footer-menu ul li ul li a{font-size:1em}
		.footer-menu ul li ul li a:before{color:#000;content:'\f0da';font-family: FontAwesome;position:absolute;left:40px;}

.footer-copy{text-align:center;padding:20px 0;color:#666;}






/* carousel */
.carousel-control.left, .carousel-control.right {
    background-image: none;
}

/* scrollup */
.scrollUp{opacity:0;filter:alpha(opacity=0)}@media print{.scrollUp{opacity:1;filter:alpha(opacity=100)}}





/* TOP PAGE */
.sponsor{}
	.sponsor-copy{padding:20px;font-size:1.2em;}
@media screen and (max-width: 768px){
	.sponsor-copy{padding:0;font-size:1em;}
}	
	.sponsor a{display:block;padding:20px;transition:ease 0.5s;}
	.sponsor a img{display:block;width:100%;}
	.sponsor a:hover{opacity:0.7;}
.trans-box{background:rgba(255,255,255,0.5);border-radius:10px;transition:ease 0.5s;padding:20px;}
.trans-box:hover{background:rgba(255,255,255,1);}
.info-box{width:70%;margin:20px auto;padding:10px 5%;border:1px solid #ccc;}

.top-radio{}
	.top-radio img{display:block;width:100%;margin-bottom:10px;}
	.top-radio iframe{width:100%;}
	.top-radio img.top-radio-logo{width:80%;margin:0 auto 10px;}



/* page-zaidan */
.purpose-text{padding:20px 100px 30px;text-align:left;font-size:1.1em;
background:url('img/ph-kazoku.png') no-repeat center bottom;
}
.purpose-text strong{
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
display:block;text-align:left;font-size:24px;padding:20px 0;
}



img.sign{display:block;width:36%;margin-left:auto;margin-right:0;margin-top:20px;}
img.kazoku{display:block;width:100%;}
	p.mincho-text{position:relative;padding:20px 100px 30px;text-align:left;font-size:1.1em;color:#000;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}
@media screen and (max-width: 768px){
	p.mincho-text{padding:20px 10px 30px;font-size:1em;}
img.sign{display:block;width:40%;margin-left:auto;margin-right:0;margin-top:20px;}
}

.cicle-list li{font-weight:bold;font-size:20px;margin:5px 0;}
.cicle-list li small{font-weight:normal;color:#444;font-size:14px;display:block;padding:5px 5px 10px;}
	.cicle-list-num{padding:10px;font-size:16px;font-weight:normal;background:#fff;border-radius:5px;text-align:center}
	.cicle-list-num big{font-weight:bold;}


/* page-about */
.about-table{padding:40px;}
@media screen and (max-width: 768px){
.about-table{padding:40px 10px;}
}
.about-table table{width:100%;}
	.about-table table tr:first-child{border-top:1px solid #aaa;}
	.about-table table tr{border-bottom:1px solid #aaa;}
		.about-table table tr td{min-width:50px;padding:5px 0;}
		.about-table table tr td:first-child{text-align:center;}

.tac{text-align:center;}



/* page-activity */
.activity-first{background-image:url('img/activity-1.jpg');background-position:center center;background-size:cover;margin-bottom:40px;}
.activity-first-title{font-size:24px;color:#f39800;margin:20px 0;}
	.activity-first-title:before{content:'1';margin-right:5px;background:#f39800;color:#fff;padding:5px 15px;font-weight:bold;border-radius:10px;font-size:30px;}

.activity-two-title{font-size:24px;color:#f39800;margin:20px 0;}
	.activity-two-title:before{content:'2';margin-right:5px;background:#f39800;color:#fff;padding:5px 15px;font-weight:bold;border-radius:10px;font-size:30px;}

.activity-third-title{font-size:24px;color:#f39800;margin:20px 0;}
	.activity-third-title:before{content:'3';margin-right:5px;background:#f39800;color:#fff;padding:5px 15px;font-weight:bold;border-radius:10px;font-size:30px;}


.activity-main{background:rgba(255,255,255,0.8);}
.activity-img{background:#f6f4f2;padding-top:30px;}
.activity-img img{display:block;width:70%;margin:0 auto;vertical-align:middle;}

.activity-last-title{font-size:24px;color:#f39800;margin:60px 0 30px;text-align:center;}

@media screen and (max-width: 980px) {
.activity-first{background:none;}
.activity-main{padding-top:30px;padding-bottom:30px;background-image:url('img/activity-2.jpg');background-position:center center;background-size:cover;}
}



/* page-contact */
.contact-form{}
.contact-form tr td{padding:10px 20px;}
a.button{background:#e58342;display:block;color:#fff;margin:10px auto 30px;width:150px;padding:10px 0;text-align:center;}

/* NEWS */
.news-list{}
	.news-list ul{}
	.news-list ul li{margin-bottom:15px;}
		.news-list ul li a{display:table;position:relative;width:100%;vertical-align:middle;background:rgba(255,255,255,0.5);border-radius:10px;transition:ease 0.5s;padding:20px 0;}
		.news-list ul li a:hover{background:rgba(255,255,255,1);}
		.news-list ul li a:after{content:'\f144';font-family: FontAwesome;position:absolute;right:10px;top:40%;color:#000;}
	.news-list-date{display:table-cell;color:#4d4d4d;vertical-align:middle;width:90px;text-align:center;padding:0 10px;}
	.news-list-title{display:table-cell;color:#000;font-size:1.2em;vertical-align:middle;padding-right:20px;}




/* PROJECT */
/*.project-list{}
	.project-list ul{}
	.project-list ul li{}
		.project-list ul li a{display:table;position:relative;width:99%;vertical-align:middle;background:rgba(255,255,255,0.5);border-radius:10px;transition:ease 0.5s;padding:20px 0 20px 1%;box-shadow:0 0 5px rgba(0,0,0,0.3);}
		.project-list ul li a:hover{background:rgba(255,255,255,1);}
		.project-list ul li a:after{content:'\f144';font-family: FontAwesome;position:absolute;right:10px;top:40%;color:#000;}
	.project-list-img{display:table-cell;width:200px;background-size:cover;background-position:center center;margin:0 20px;}
	.project-list-r{display:table-cell;padding-left:20px;}
		.project-list-date{color:#4d4d4d;font-size:0.9em;padding-top:20px;}
		.project-list-title{font-size:1.4em;padding:5px 0;color:#000;}
		.project-list-text{font-size:1em;padding-bottom:20px;color:#000;}
*/
.project-list{}
	.project-list ul{}
	.project-list ul li{list-style:none;}
		.project-list ul li{display:table;position:relative;width:99%;vertical-align:middle;background:rgba(255,255,255,0.5);border-radius:10px;transition:ease 0.5s;padding:20px 0 20px 1%;box-shadow:0 0 5px rgba(0,0,0,0.3);}
		.project-list ul li:hover{background:rgba(255,255,255,1);}
		.project-list ul li:after{}
	.project-list-img{display:table-cell;width:200px;background-size:cover;background-position:center center;margin:0 20px;}
	.project-list-r{display:table-cell;padding-left:20px;}
		.project-list-date{color:#4d4d4d;font-size:0.9em;padding-top:20px;}
		.project-list-title{font-size:1.4em;padding:5px 0;color:#000;}
		.project-list-text{font-size:1em;padding-bottom:20px;color:#000;}


@media screen and (max-width: 768px) {
/*
		.project-list ul li a{display:block;}
	.project-list-img{display:block;width:100%;height:100px;margin:0 0px;}
	.project-list-r{display:block;padding-left:0;}
*/
		.project-list ul li{display:block;}
	.project-list-img{display:block;width:100%;height:100px;margin:0 0px;}
	.project-list-r{display:block;padding-left:0;}
}

/* mobile */
.col-xs-4{padding:0;}
.col-xs-4 a{padding:10px;}


/* 5分割 */

.col-xs-1-5, .col-sm-1-5, .col-md-1-5, .col-lg-1-5,
.col-xs-2-5, .col-sm-2-5, .col-md-2-5, .col-lg-2-5,
.col-xs-3-5, .col-sm-3-5, .col-md-3-5, .col-lg-3-5,
.col-xs-4-5, .col-sm-4-5, .col-md-4-5, .col-lg-4-5 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}   
.col-xs-1-5 {
    width: 20%;
    float: left;
}
.col-xs-2-5 {
    width: 40%;
    float: left;
}

.col-xs-3-5 {
    width: 60%;
    float: left;
}

.col-xs-4-5 {
    width: 80%;
    float: left;
}
@media (min-width: 768px) {
    .col-sm-1-5 {
        width: 20%;
        float: left;
    }
    .col-sm-2-5 {
        width: 40%;
        float: left;
    }
    .col-sm-3-5 {
        width: 60%;
        float: left;
    }
    .col-sm-4-5 {
        width: 80%;
        float: left;
    }
}
@media (min-width: 992px) {
    .col-md-1-5 {
        width: 20%;
        float: left;
    }
    .col-md-2-5 {
        width: 40%;
        float: left;
    }
    .col-md-3-5 {
        width: 60%;
        float: left;
    }
    .col-md-4-5 {
        width: 80%;
        float: left;
    }
}
@media (min-width: 1200px) {
    .col-lg-1-5 {
        width: 20%;
        float: left;
    }
    .col-lg-2-5 {
        width: 40%;
        float: left;
    }
    .col-lg-3-5 {
        width: 60%;
        float: left;
    }
    .col-lg-4-5 {
        width: 80%;
        float: left;
    }
}  


