@charset "utf-8";

/* COMMON
--------------------------------------------------------------------------------------------------------------------------- */
html { overflow-y: scroll; }
body { font-family: "Yu Gothic","Meiryo",arial,sans-serif; padding-top: 0; line-height: 1.6; } /* ヘッダ固定時padding調整 */

.mb { margin-bottom: 15px; }
.mt { margin-top: 15px; }
.ml { margin-left: 15px; }
.mr { margin-right: 15px; }

.bld { font-weight: bold; }
.text-moredanger { color: #e73562; }

.pagetop {
position: fixed;
z-index: 99;
bottom: 15px;
right: 15px;
padding-top: 12px;
width: 44px;
height: 44px;
text-align:center;
cursor:pointer;
background-color:#d1de4c;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
}

.pagetop a {
color: #000;
}

.alert-default {
background-color: #fafafa;
border-color: #dedede;
}

.facebook_link a {
color: #fff;
background-color: #337ab7;
border-radius: 20px;
padding: 2px 14px;
text-decoration: none;
}

.facebook_link a:hover {
opacity: 0.7;
}

/* HEADER
--------------------------------------------------------------------------------------------------------------------------- */
#header-1st {
padding: 15px;
}

.logo {
margin: 0;
}

.logo a {
display: block;
background: url(/img/logo.png) no-repeat;
width: 200px;
height: 48px;
text-indent: -9999px;
float: left;
}

#off-canvas,#g-menu {
margin-top: 10px;
}

@media (max-width: 767px) { #g-menu { display: none; }}
@media (min-width: 768px) { #off-canvas { display: none; }}

#header-2nd {
border-top: 1px #ddd solid;
border-bottom: 1px #ddd solid;
background-color: #f5f5f5;
margin-bottom: 10px;
}

#header-2nd h1 {
font-size: 12px;
margin: 12px 0 0;
}

/* GOOGLE SEARCH BOX */
.gsc-control-cse {
padding: 4px 0em 0em 0em!important;
background-color: transparent!important;
border-color: transparent!important;
max-width: 270px;
}

/* BreadCrumb */
.ths-breadcrumb {
color: #777;
}

/* FOOTER
--------------------------------------------------------------------------------------------------------------------------- */
.footer-1,.footer-2 {
text-align: center;
padding: 30px 0;
}

.footer-2 {
color: #ccc;
background-color: #222;
}

.footer-2 a {
color: #ccc;
}

.yt a {
display: block;
background: url(/img/yt.png) no-repeat;
width: 60px;
height: 25px;
text-indent: -9999px;
}

/* HOME
--------------------------------------------------------------------------------------------------------------------------- */
#idx-main {
position: relative;
background-image: url(/img/bg.jpg);
background-position: center center;
background-repeat: no-repeat;
//background-attachment: fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
min-height: 600px;
}

.idx-main-inner {
position: absolute;
bottom: 22%;
left: 0;
right: 0;
text-align: center;
padding: 15px;
background-color: rgba(255,255,255,0.6);
animation: fadeIn 2s ease 0s 1 normal;
-webkit-animation: fadeIn 2s ease 0s 1 normal;
}

@keyframes fadeIn {
	0% {opacity: 0}
	100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
	0% {opacity: 0}
	100% {opacity: 1}
}

.idx-main-inner h2,.idx-main-inner h3,.idx-main-inner p {
margin: 4px 0;
font-weight: normal;
}

.idx-main-inner h2 {
font-size: 32px;
margin: 6px 0;
}

.idx-main-inner h3 {
line-height: 1.4;
font-size: 18px;
}

.thumbnail a {
text-decoration: none;
}

figure {
overflow: hidden;
}

figure img {
-webkit-transition:all 0.2s ease-in-out;
transition:all 0.2s ease-in-out;
}

a:hover>figure img {
transform: scale(1.2,1.2);
-webkit-transform:scale(1.2,1.2);
-moz-transform:scale(1.2,1.2);
-ms-transform:scale(1.2,1.2);
-o-transform:scale(1.2,1.2);
}

#news {
padding-bottom: 20px;
}

#support {
padding: 40px 0;
text-align: center;
background: rgb(255,206,237);
background: -moz-linear-gradient(left,  rgba(255,206,237,1) 0%, rgba(255,249,178,1) 100%);
background: -webkit-linear-gradient(left,  rgba(255,206,237,1) 0%,rgba(255,249,178,1) 100%);
background: linear-gradient(to right,  rgba(255,206,237,1) 0%,rgba(255,249,178,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffceed', endColorstr='#fff9b2',GradientType=1 );
}

#support a {
color: #000;
text-decoration: none;
}

.support-image {
display: block;
background: url(/img/support.jpg) no-repeat;
width: 180px;
height: 180px;
text-indent: -9999px;
margin: 0 auto 20px;
border: 10px #fff solid;
border-radius: 50%;
}

#societies {
padding: 40px 0;
background-color: #f5f5f5;
text-align: center;
}

#societies a {
margin-bottom: 4px;
}

/*NEWS REGION*/
#newsList li {
    list-style: none;
}
.cat-0 .catName {
    background-color: #bfea83;
    color: #fff;
    font-size: small;
    padding: 1px 4px 0;
    border-radius: 4px;
    margin: 0 5px;
}
.cat-1 .catName {
    background-color: #ffbb00;
    color: #fff;
    font-size: small;
    padding: 1px 4px 0;
    border-radius: 4px;
    margin: 0 5px;
}
.newMark {
    background-color: #ff0077;
    color: #fff;
    font-size: small;
    padding: 1px 4px 0;
    border-radius: 4px;
    margin: 0 5px;
}

/* SUB
--------------------------------------------------------------------------------------------------------------------------- */
#sub-contents {
position: relative;
padding: 0 0 30px;
}

#sub-contents h3 {
border-left: 10px #d1de4c solid;
padding: 5px 8px 4px;
}

#sub-contents .h4-subt {
border-bottom: 1px #eee solid;
padding: 4px 0;"
}

/* SNS */
.sns {
background-color: #f9f9f9; padding: 6px 7px 4px 7px; border-radius: 5px; border: 1px #ebebeb solid;
}

.sns-btn {
float:left;
height:22px;
padding: 2px 6px 0 0;
margin-bottom: 4px;
}

.submenutitle {
background-color: #eee;
padding: 16px 0 8px;
text-align: center;
border-bottom: 2px #ccc solid;
}

.submenulist ul {
border: 1px #eee solid;
}

.submenulist li a {
display: block;
border-bottom: 1px #ddd solid;
text-decoration: none;
padding: 10px;
}

.submenulist li a:hover {
background-color: #f5f5f5;
}

/* ご挨拶 */
.chairmanimg {
width: 280px;
height: 240px;
margin-left: 15px;
float: right;
}

/* 役員・評議員 */
.position {
border-bottom: 1px #ddd solid;
padding: 5px 0 8px;
margin: 15px 0 5px;
}

/* ご寄付のお願い */
.btn-donate {
background-color: #f5f5f5;
border: 10px #dcdcdc solid;
padding: 10px;
border-radius: 5px;
}

.btn-donate a {
text-decoration: none;
color: #333;
}

@media (max-width: 767px) {
	.image-boy {
	width: 140px;
	height: 208px;
	}
}

/* 呼吸器疾患の知識 */
.article-group {
font-size: 12px;
padding: 2px 6px 1px;
border-radius: 4px;
}

.article-group-n { background-color: #e62f8b; }
.article-group-1 { background-color: #d9e367; }

.social > * {
vertical-align: bottom;
}










/* MEDIA
--------------------------------------------------------------------------------------------------------------------------- */
@media (max-width: 767px) {
	.idx-main-inner h2 {
	font-size: 24px;
	}
	.idx-main-inner h3 {
	font-size: 14px;
	}
}

@media (max-width: 600px) {
	.chairmanimg {
	float: none;
	margin-left: 0;
	}
}

@media (max-width: 480px) {
	#idx-main {
	min-height: 400px;
	}
	.idx-main-inner {
	bottom: 12%;
	}
	#societies a {
	font-size: 12px;
	}
}

/* for Retina */
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
	.logo a {
	background: url(/img/logo@2x.png) no-repeat;
	background-size: 200px 48px;
	}
	.yt a {
	background: url(/img/yt@2x.png) no-repeat;
	background-size: 60px 25px;
	}
	.support-image {
	background: url(/img/support@2x.jpg) no-repeat;
	background-size: 180px 180px;
	}
}

/* Slidebars 0.10.3 (http://plugins.adchsm.me/slidebars/) written by Adam Smith (http://www.adchsm.me/) released under MIT License (http://plugins.adchsm.me/slidebars/license.txt) */
#sb-site,.sb-site-container,.sb-slidebar,body,html{margin:0;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}body,html{width:100%;overflow-x:hidden}html{height:100%}body{min-height:100%;height:auto;position:relative}html.sb-scroll-lock.sb-active:not(.sb-static){overflow:hidden}#sb-site,.sb-site-container{width:100%;min-height:100vh;position:relative;z-index:1;background-color:#fff}#sb-site:after,#sb-site:before,.sb-site-container:after,.sb-site-container:before{content:' ';display:table;clear:both}.sb-slidebar{height:100%;overflow-y:auto;position:fixed;top:0;z-index:0;display:none;background-color:#222}.sb-slidebar,.sb-slidebar *{-webkit-transform:translateZ(0px)}.sb-left{left:0}.sb-right{right:0}.sb-slidebar.sb-static,html.sb-static .sb-slidebar{position:absolute}.sb-slidebar.sb-active{display:block}.sb-style-overlay{z-index:9999}.sb-momentum-scrolling{-webkit-overflow-scrolling:touch}.sb-slidebar{width:30%}.sb-width-thin{width:15%}.sb-width-wide{width:45%}@media (max-width:480px){.sb-slidebar{width:70%}.sb-width-thin{width:55%}.sb-width-wide{width:85%}}@media (min-width:481px){.sb-slidebar{width:55%}.sb-width-thin{width:40%}.sb-width-wide{width:70%}}@media (min-width:768px){.sb-slidebar{width:40%}.sb-width-thin{width:25%}.sb-width-wide{width:55%}}@media (min-width:992px){.sb-slidebar{width:30%}.sb-width-thin{width:15%}.sb-width-wide{width:45%}}@media (min-width:1200px){.sb-slidebar{width:20%}.sb-width-thin{width:5%}.sb-width-wide{width:35%}}#sb-site,.sb-site-container,.sb-slide,.sb-slidebar{-webkit-transform:translate(0px);-moz-transform:translate(0px);-o-transform:translate(0px);transform:translate(0px);-webkit-transition:-webkit-transform 400ms ease;-moz-transition:-moz-transform 400ms ease;-o-transition:-o-transform 400ms ease;transition:transform 400ms ease;-webkit-transition-property:-webkit-transform,left,right;-webkit-backface-visibility:hidden}.sb-hide{display:none}

/* Slidebars -overwrite
--------------------------------------------------------------------------------------------------------------------------- */
.sb-slidebar {
background-color: #444;
}

.sb-slidebar nav a {
color: #f8f4e6;
display: block;
padding: 10px 15px;
border-bottom: 1px #222 solid;
text-decoration: none;
}

.sb-slidebar nav a:hover,
.sb-slidebar nav a:active {
background-color: #555;
}

#donation-slidebar {
padding: 10px;
margin: 15px;
text-align: center;
border-radius: 5px;
background-color: #666;
}

#donation-slidebar a {
display: block;
text-decoration: none;
color: #fff;
}