@charset "utf-8";

/*===============================================
●smart.css  画面の横幅が640pxまで
===============================================*/
@media screen and (max-width:640px){
	
	img{
		max-width: 100%;
		height: auto;
		width /***/:auto;　
	}
	
	～以下、画面の横幅が640pxまでの場合のスタイル記入～
	
	* {
		margin: 0px;
		padding: 0px;
	}
	
	ul, ol {
		list-style-type: none;
	}
	
	body {
		margin: 0px;
		padding: 0px;
		font-size: 1.05em;
		font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		letter-spacing: 0.1em;
		color: #444444;
	}

	a {
		color: #ff6138;
	}


/************************************
ここからヘッダ共通
************************************/
	
	header {
		background-color: #fffff0;
		width: 100%;
		height: 120px;
	}

	#pagetop {
		background-color: #fffff0;
		height: 120px;
		width: 100%;
		margin-right: auto;
		margin-left: auto;
		margin-top: 0px;
		margin-bottom: 0px;
		padding: 0px;
	}

/*ロゴ*/
	
	#logo {
		padding: 0px;
		float: left;
		height: 120px;
		width: 300px;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 0px;
		margin-left: 0px;
		border-top-style: none;
		border-right-style: none;
		border-bottom-style: none;
		border-left-style: none;
	}
	
	#logo img {
		border: none;
	}

/*上部お問い合わせ*/

	#headerbutton a {
		display: none;
	}

	#headerbutton a:hover {
		display: none;
	}
	
	#headerbutton span {
		display: none;
	}
   /*nabi開閉部分*/
 
    .gnav li {
		border-bottom: 1px solid #ccc;
    }
 
    .gnav li a {
		display: block;
		text-decoration: none;
		/* (44-16)/2=14px */
		padding: .875rem 1rem;
	
		color: #FFF;
    }
 
    .gnav {
		list-style-type: none;
		background: #555;
		display: block;
		width: 100%;
		overflow-x: hidden;
		overflow-y: auto;
		position: fixed;
		left: 0;
		top: 55px;
		z-index: 99;
		visibility: hidden;
		-webkit-transform: translateX(-100%);
		-moz-transform: translateX(-100%);
		-ms-transform: translateX(-100%);
		-o-transform: translateX(-100%);
		transform: translateX(-100%);
		webkit-transform-style: preserve-3d;
		-moz-transform-style: preserve-3d;
		-ms-transform-style: preserve-3d;
		-o-transform-style: preserve-3d;
		transform-style: preserve-3d;
		margin: 0px;
		padding: 0px;
    }
 
    .gnav.on {
		visibility: visible;
		-webkit-transform: translateX(0px);
		-moz-transform: translateX(0px);
		-ms-transform: translateX(0px);
		-o-transform: translateX(0px);
		transform: translateX(0px);
    }
 
    .modal {
		background-color: rgba(255, 255, 255, .5);
		width: 100%;
		height: 100%;
		left: 0;
		opacity: .1;
		position: fixed;
		top: 0;
		z-index: 97;
		visibility: hidden;
		webkit-transition: visibility 0 linear .4s, opacity .4s;
		-moz-transition: visibility 0 linear .4s, opacity .4s;
		transition: visibility 0 linear .4s, opacity .4s;
		webkit-transform: translateZ(0);
		-moz-transform: translateZ(0);
		-ms-transform: translateZ(0);
		-o-transform: translateZ(0);
		transform: translateZ(0);
    }
 
    .modal.on {
		opacity: 1;
		webkit-transition-delay: 0;
		-moz-transition-delay: 0;
		transition-delay: 0;
		visibility: visible;
    }
	
    /*ハンバーガーボタン*/
 
    .icon-animation {
		width: 44px;
		height: 44px;
		display: block;
		cursor: pointer;
		position: fixed;
		right: .8rem;
		top: .8rem;
		text-align: center;
		z-index: 99;
    }
 
    .icon-animation span {
		width: 44px;
		height: 3px;
		display: block;
		background: #f7882f;
		position: absolute;
		left: 50%;
		top: 50%;
		margin-left: -22px;
		-webkit-transition: all 0.3s;
		transition: all 0.3s;
		-webkit-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		transform: rotate(0deg);
    }
 
    .icon-animation .top {
		-webkit-transform: translateY(-13px);
		-ms-transform: translateY(-13px);
		transform: translateY(-13px);
    }
 
    .icon-animation .bottom {
		-webkit-transform: translateY(13px);
		-ms-transform: translateY(13px);
		transform: translateY(13px);
    }
 
    .is-open .middle {
		background: rgba(51, 51, 51, 0)!important;
    }
 
    .is-open .top {
		-webkit-transform: rotate(-45deg) translateY(0px);
		-ms-transform: rotate(-45deg) translateY(0px);
		transform: rotate(-45deg) translateY(0px);
    }
 
    .is-open .bottom {
		-webkit-transform: rotate(45deg) translateY(0px);
		-ms-transform: rotate(45deg) translateY(0px);
		transform: rotate(45deg) translateY(0px);
    }

/************************************
ここまでヘッダ共通
************************************/



/*ナビ下部枠*/
	
	#container {
		box-sizing: border-box;
		clear: both;
	}

	h1 {
		display: none;
	}
	
	#bread {
		width: 100%;
		height: 40px;
		padding-top: 20px;
	}
	
	#bread ul li {
		float: left;
		font-size: 0.8em;
		margin-right: 10px;
	}
	
	.gototop {
		height: 45px;
		width: 98%;
		padding-top: 55px;
		margin-right: 1%;
		margin-left: 1%;
	}
	
	.gototop a {
		background-image: url(../images/gototop.jpg);
		background-repeat: no-repeat;
		background-position: right center;
		float: right;
		height: 45px;
		width: 200px;
		display: block;
	}
	
	.gototop span {
		display: none;
	}


/************************************
ここからフッタ共通
*************************************/

	footer {
		height: auto;
		background-color: #c4eda8;
		margin-top: 50px;
		clear: both;
		font-size: 0.9em;
	}
	
	#footer-sitemap {
		width: 100%;
		margin-right: auto;
		margin-left: auto;
		height: 115px;
		padding-top: 15px;
		margin-top: 0px;
		margin-bottom: 0px;
	}
	
	#footer-sitemap .sitemap li a {
		color: #243c50;
		text-decoration: none;
		letter-spacing: 0.2em;
		font-size: 1em;
		font-weight: bold;
		display: block;
		float: left;
		margin-right: 15px;
		height: 25px;
		background-image: url(../images/footnavi.jpg);
		background-repeat: no-repeat;
		background-position: 0px 0px;
		padding-left: 35px;
	}
	
	#footer-sitemap li a:hover {
		color: #ff6138;
		background-image: url(../images/footnavi.jpg);
		background-repeat: no-repeat;
		background-position: 0px -25px;
		padding-left: 35px;
	}
	
	#footer-logo {
		width: 100%;
		margin-right: auto;
		margin-left: auto;
		height: 40px;
		padding: 0px;
		margin-top: 0px;
		margin-bottom: 0px;
		background-image: none;
		background-repeat: no-repeat;
		background-position: right bottom;
	}

	.footline {
		height: 40px;
		background-color: #243c50;
	}

/************************************
ここまでフッタ共通
*************************************/



/************************************
ここからTOPページ
************************************/

/*スライド*/

	.bxslider {
		padding: 0px;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 0px;
		margin-left: 0px;
	}
	
	.bxslider div.sliderbutton-01 a {
		height: 66px;
		width: 212px;
		position: absolute;
		right: 110px;
		bottom: 149px;
		background-image: url(../images/top3-01.jpg);
		background-repeat: no-repeat;
		background-position: 0px 0px;
	}
	
	.bxslider div.sliderbutton-01 a:hover {
		background-image: url(../images/top3-01.jpg);
		background-repeat: no-repeat;
		background-position: 0px -66px;
	}
	
	.bxslider div.sliderbutton-01 a span {
		display: none;
	}
	
	.bxslider div.sliderbutton-02 a {
		height: 66px;
		width: 212px;
		position: absolute;
		right: 110px;
		bottom: 73px;
		background-image: url(../images/top3-02.jpg);
		background-repeat: no-repeat;
		background-position: 0px 0px;
	}
	
	.bxslider div.sliderbutton-02 a:hover {
		background-image: url(../images/top3-02.jpg);
		background-repeat: no-repeat;
		background-position: 0px -66px;
	}
	
	.bxslider div.sliderbutton-02 a span {
		display: none;
	}
	
	#topimgtext {
		position: absolute;
		top: 125px;
		z-index: 98;
	}
	
	#topimgtext span {
		font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		font-size: 0.8em;
		font-weight: bold;
		color: #666;
		background-color: #FFF;
	}
	
/*新着情報・活動予定*/

	.toptitle {
		height: 40px;
		width: 100%;
		background-image: url(../images/toptitle.jpg);
	}
	
	.toptitle h2 {
		height: 33px;
		width: 55%;
		background-image: url(../images/toptitle.jpg);
		color: #FFF;
		padding-top: 7px;
		padding-left: 5%;
		font-size: 21px;
		font-weight: normal;
		display: block;
		float: left;
	}
	
	.toptitle .more a {
		height: 30px;
		width: 39%;
		color: #FFF;
		padding-top: 10px;
		padding-right: 1%;
		font-size: 14px;
		font-weight: normal;
		display: block;
		float: right;
		text-align: right;
		text-decoration: none;
	}
	
	.toptitle .more a:hover {
		color: #ffff9d;
	}
	
	.newsbox {
		height: auto;
		width: 100%;
		padding-right: 0%;
		padding-left: 0%;
		margin: 0px;
		display: block;
		border-right-style: none;
		border-left-style: none;
		overflow-y: scroll;
	}
	
	.reportbox {
		height: auto;
		width: 100%;
		padding-right: 0%;
		padding-left: 0%;
		margin: 0px;
		display: block;
		border-right-style: none;
		border-left-style: none;
	}
	
	.lows {
		border-bottom-width: 0px;
		height: 32px;
		padding-top: 6px;
	}
	
	.lows02 {
	border-bottom-width: 0px;
	height: auto;
	padding-top: 6px;
	background-image: none;
	overflow: hidden;
	}

	.lows dt {
		margin-left: 10px;
		font-weight: bold;
		font-size: 0.95em;
	}

	.lows02 dt {
		margin-left: 10px;
		font-weight: bold;
		font-size: 0.95em;
	}

	.lows dd {
		margin-left: 10px;
		margin-top: 0px;
	}
	
	.lows02 dd {
		margin-left: 10px;
		margin-top: 0px;
	}
	
	.newsboxend {
		height: 5px;
		width: 100%;
		padding-right: 0px;
		padding-left: 0px;
		display: block;
		border-right-style: none;
		border-left-style: none;
		border-bottom-style: none;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 20px;
		margin-left: 0px;
	}
	

/************************************
ここまでTOPページ
************************************/



/************************************
ここから団体概要
************************************/

	.secondtitle {
		height: 40px;
		width: 98%;
		background-image: url(../images/secondtitle.jpg);
		background-position: 0px 0px;
		clear: both;
		margin-bottom: 20px;
		margin-right: 1%;
		margin-left: 1%;
		margin-top: 0px;
	}
	
	.secondtitle h2 {
		height: 33px;
		width: 93%;
		color: #FFF;
		padding-top: 7px;
		padding-left: 7%;
		font-size: 1.1em;
		font-weight: normal;
		display: block;
	}
	
	.profilebox {
		width: 94%;
		margin-right: 3%;
		margin-left: 3%;
		overflow: hidden;
		height: auto;
	}
	
	.profilebox dt {
		width: 96%;
		height: 40px;
		border-bottom-width: 0px;
		line-height: 40px;
		font-weight: bold;
		padding-left: 2%;
		padding-right: 2%;
		margin-bottom: 5px;
	}
	
	.profilebox dt span {
		height: 40px;
		display: block;
	}
	
	.profilebox dd {
		width: 96%;
		border-bottom-width: 0px;
		line-height: 40px;
		margin-bottom: 5px;
		padding-left: 2%;
		padding-right: 2%;
		margin-left: 0px;
	}


	

/************************************
ここまで団体概要
************************************/



/************************************
ここから活動について
************************************/


	.activitybox {
		width: 98%;
		margin-right: 1%;
		margin-left: 1%;
		overflow: hidden;
		height: auto;
		clear: both;
		padding-left: 0px;
	}
	
	.secondsubtitle {
		height: 32px;
		width: 100%;
		background-image: url(../images/backnumber.jpg);
		background-repeat: no-repeat;
		background-position: 0px 0px;
		border-bottom-width: 3px;
		border-bottom-style: solid;
		border-bottom-color: #00a388;
		margin-top: 15px;
		margin-bottom: 25px;
	}
	
	.secondsubtitle h3 {
		color: #333;
		height: 28px;
		padding-left: 15%;
		font-size: 1.1em;
		font-weight: normal;
		display: block;
		padding-top: 4px;
		width: 85%;
	}

	.activitybox ol {
		padding: 0px;
		width: 94%;
		margin-top: 0px;
		margin-right: 3%;
		margin-bottom: 0px;
		margin-left: 3%;
	}

	.activitybox li {
		margin-bottom: 15px;
		line-height: 30px;
	}
	
	.lows03 {
		height: auto;
		padding-top: 0px;
		background-image: none;
		margin-top: 0px;
	}

	.lows03 dt {
		margin-left: 10px;
		font-weight: bold;
		font-size: 0.95em;
	}

	.lows03 dd {
		margin-left: 10px;
		margin-top: 0px;
		margin-bottom: 15px;
	}
	
	.lows04 {
		height: auto;
		padding-top: 0px;
		background-image: none;
		margin-top: 0px;
	}

	.lows04 dt {
		margin-left: 10px;
		font-weight: bold;
		font-size: 0.95em;
	}

	.lows04 dd {
		margin-left: 10px;
		margin-top: 0px;
		margin-bottom: 15px;
	}

/************************************
ここまで活動について
************************************/



/************************************
ここから会報誌について
************************************/

	.newsletterbox {
		width: 98%;
		margin-right: 1%;
		margin-left: 1%;
		overflow: hidden;
		height: auto;
		clear: both;
		padding-left: 0px;
	}
	
	.lows05 {
		height: auto;
		padding-top: 0px;
		background-image: none;
		margin-top: 0px;
	}

	.lows05 dt {
		margin-left: 10px;
		font-weight: bold;
		font-size: 0.95em;
	}

	.lows05 dd {
		margin-left: 10px;
		margin-top: 0px;
		margin-bottom: 15px;
	}
	

/************************************
ここまで会報誌について
************************************/



/************************************
ここからお問い合わせについて
************************************/

	.inquirybox {
		width: 94%;
		margin-right: 3%;
		margin-left: 3%;
		overflow: hidden;
		height: auto;
	}
	
	.inquirybox dt {
		width: 96%;
		height: 30px;
		border-bottom-width: 0px;
		line-height: 25px;
		font-weight: bold;
		padding-left: 2%;
		padding-right: 2%;
		margin-bottom: 0px;
		padding-bottom: 0px;
	}
	
	.inquirybox dt span {
		height: 40px;
		display: block;
	}
	
	.inquirybox dd {
		width: 96%;
		border-bottom-width: 0px;
		line-height: 25px;
		margin-bottom: 15px;
		padding-left: 2%;
		padding-right: 2%;
		margin-left: 0px;
	}

	.inquirytable {
		height: auto;
		width: 98%;
		margin-right: 1%;
		margin-left: 1%;
		overflow: hidden;
	}
	
	.inquirytable01 {
		display: none;
	}
	
	.inquirytable02 {
		height: 250px;
		width: 100%;
	}
	
	.inquirytable02 .inquirybutton a {
		background-image: none;
		height: 60px;
		width: 90%;
		margin-right: auto;
		margin-left: auto;
		display: block;
		background-color: #ff6138;
	}
	
	.inquirytable02 .inquirybutton span {
		display: block;
		color: #FFF;
		text-decoration: none;
		font-weight: bold;
		text-align: center;
		height: 20px;
		padding-top: 20px;
		padding-bottom: 20px;
	}
	
	.inquirytable02 .inquirybutton a:hover {
		background-image: url(../images/inquirybutton.jpg);
		background-repeat: no-repeat;
		background-position: 0px -60px;
	}
	
	.inquirytable02 .pdfinfo {
		text-align: center;
		font-size: 0.85em;
		display: block;
		margin-top: 5px;
	}
	
	.inquirytable02 .pdfcaption {
		text-align: center;
		font-size: 1em;
		color: #F00;
		display: block;
		margin-top: 15px;
	}
	
	.inquirytable02 .fax {
		font-family: "Arial Black", Gadget, sans-serif;
		font-weight: bold;
		color: #00a388;
		font-size: 1.7em;
		text-align: center;
		letter-spacing: 0em;
		margin-top: 10px;
		margin-bottom: 0px;
	}
	
	.inquirytable02 .faxinfo {
		text-align: center;
		font-size: 0.9em;
		display: block;
		margin-top: 5px;
	}
	
	
	.inquirytable03 {
		height: 20px;
		width: 100%;
		margin-bottom: 30px;
	}
	
	.inquirytitle h3 {
		font-size: 1em;
		font-weight: bold;
		margin-top: 15px;
		margin-bottom: 15px;
		margin-left: 0px;
	}
	
	.inquirybox ol {
	margin-bottom: 20px;
	margin-left: 0px;
	padding: 0px;
	}
	
	.inquirybox li {
	line-height: 30px;
	margin-left: 0px;
	margin-bottom: 15px;
	}
	
	.inquiryright {
		clear: both;
		float: right;
		margin-top: 20px;
		margin-bottom: 20px;
	}
	

/************************************
ここまでお問い合わせについて
************************************/


}