@charset "UTF-8";


/* 1024px - 768px */

/*==============================================================
レイアウト
==============================================================*/


html {
	font-size: 15px;
}


body {}


/* 画像 */
img	{max-width: 100%;height: auto;}
video {max-width: 100%;height: auto;}







/*==============================================================
ヘッダー　
==============================================================*/

header {
	position: fixed;
	bottom:0px;
	background:#00538A;
	z-index:1000;
	width:100%;
	padding-top:15px; 
}

.header-wrap {
	max-width:95%;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:15px;
	
}

.header-logo {
	float: none;
	margin-bottom:10px;
	text-align:center;

}

ul.header-menu {
	float: none;
	width:100%;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;

}

ul.header-menu li {
	display:inline;
	float: none;
	border-left:rgba(255,255,255,0.5) solid 1px;
	line-height:1;

}

ul.header-menu li a {
	color:#fff;
	text-decoration:none;
	padding-left:0.6em;
	padding-right:0.6em;


}


/*==============================================================
スクロール時表示
==============================================================*/


#change  #nav-wrapper-top {
	position: relative;
	width:100%;
	clear: both;
	float: none;
	
	margin-top:0px;
	
}

#change ul#nav 	{
	float:none;
	margin-top:0px;
	margin-bottom:0px;
	margin-right:0px;
	padding-left:1em;
	padding-right:1em;
	background:none;
	padding-top:10px;

	-moz-border-radius: 0px;    /* Firefox */
	-webkit-border-radius: 0px; /* Safari,Chrome */
	border-radius: 0px;


}


#change  ul#nav li a	{
	display: block;
	font-size: 14px;
	color: #3B1E00;
	text-align: center;
	text-decoration: none;
	padding-top: 0px;
	padding-right: 0.2em;
	padding-bottom: 0px;
	padding-left: 0.2em;
	letter-spacing: 0em;
	line-height:1.3;

}

/*==============================================================
section article
==============================================================*/

section {
	padding-top:40px;
	padding-bottom:40px;
}

article.inner {
	width:90%;
	margin-left:auto;
	margin-right:auto;
}

/*==============================================================
タイトル
==============================================================*/



body.toppage h2 {
	 color:rgba(0,83,138,1.00);
	 text-align:center;
	 letter-spacing:0.2em;
	 font-size:2.5em;
	 font-weight:200;
	 line-height:1.3;
}

body.toppage h3 {
	 color:rgba(0,83,138,1.00);
	 text-align:center;
	 letter-spacing:0.2em;
	 font-size:1.8em;
	 font-weight:100;
	 line-height:1.3;
}




/*==============================================================
トップ　ニュース
==============================================================*/


.information-wrap {
	background:#EFEFEF;
}

.information-box {
	max-width:95%;
	margin-left:auto;
	margin-right:auto;

}

/**/

.information-box ul {
	margin-left:-75px;
	margin-top:30px;

}

.information-box ul li {
	float:left;
	width:40%;
	margin-left:75px;
	margin-bottom:75px;
	padding-left: 0;
}
.information-box ul li >div{
	max-width: 370px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}





/*==============================================================
トップ　構成学会
==============================================================*/

.c-society-wrap {
}

.c-society-box {
	max-width:95%;
	margin-left:auto;
	margin-right:auto;
}


/**/

.c-society-box ul {
/*	margin-left:-50px; */

}

.c-society-box ul li {
/*
	float:left;
	margin-left:50px;
	margin-bottom:1em;
*/
}



/*==============================================================
フッター
==============================================================*/


footer {
	background:#002F4F;
	width:100%;
	text-align:center;
	padding-top:50px;
	padding-bottom:130px;
}


/* Page Top */
/*----------------------------------------------------*/

.page-top {
	position:relative;
}


#pageTop {
	position:fixed;
	bottom:120px;
	right:20px;
	z-index:1000000;
	width:50px;
	height:50px;

	}

* html #pageTop {
	display: none;
	float: right;
	}

/**/

/*==============================================================
トップ　検索
==============================================================*/

.top-search-box {
	background:#F0F5E1;
	margin-top:30px;

}

.top-search-box .inner {
	width:90%;
	margin-left:auto;
	margin-right:auto;
	margin-top:30px;
	margin-bottom:30px;

}

.top-search-box ul {
	margin-top:20px;
}

.top-search-box ul li {
	float:left;
	width:48%;
}


.top-search-box ul li:first-child {
	margin-right:4%;
}
	








/*==============================================================
ぱんくず
==============================================================*/


#breadlist ul {
	z-index:100000!Important;
	width:95%;
}

#breadlist ul li {
	z-index:100000!Important;

}

#breadlist ul li a{
	z-index:100000!Important;

}


/**/
body.information #breadlist ul {
	width:95%;
}

body.single-post #breadlist ul {
	width:95%;
}

/**/


/*==============================================================
アンカー
==============================================================*/
.anchor-point {
    margin-top:-120px;
    padding-top:120px;

}


/*-------------------------------------------------- */
/*Google map レスポンシブ対応
---------------------------------------------------- */

.ggmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
margin: 0 3% 0 3%; /* marginで調整 */

}
 
.ggmap iframe,
.ggmapr object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}




/*==============================================================
テーブル
==============================================================*/

/*広告スポンサー募集*/

.table-adv {
	font-size:0.85em;
}

.table-adv td {

	padding: 3px;

}




/*==============================================================
タブレット表示専用
==============================================================*/

.tb-display-non {display:none!important;}


/* brに適用 タブレットのみ改行*/
.tb-br {clear:both;display:block;}





/*==============================================================
ブログ
==============================================================*/

body#wp{}


.contant-blog {
	width: 100%;  
	float: left;  
	margin-right: -150px; 

}



.blog-entry {
	position:relative;
	margin-top: 0px;
	margin-right: 170px;
	margin-left: 0px;
	margin-bottom: 30px;
	font-size:1em;
}

/* サイドナビ */
.blog-side-nav {
	 float:right;
	width:150px;
    margin-bottom: 30px;

}


/*一覧 ------------------------------------------------*/
ul.wp_list{}
ul.wp_list li{
	border-bottom:1px  dashed #DCDCDC;
	padding:10px 0px;
	margin:0px 0px;
	
}
/*日付*/
.news_date{ font-size:0.8em; color:#666666}

/*カテゴリ*/
.news_cate{font-size:0.8em; color:#666666;
	padding:0 0 0 10px}

/*タイトル*/
.news_title{ display:block;
	font-size:0.95em}





/*オススメ一覧*/
ul.wp_list_osusume{ margin:10px 10px }
ul.wp_list_osusume li{ border-bottom:1px dashed #DCDCDC;padding:10px 0px; font-size:0.9em}
ul.wp_list_osusume li a{ display:inline-block !important;}
ul.wp_list_osusume li span{ font-size:0.8em; color:#666666}





/*ブログ ------------------------------------------------*/

#honbun p{
	font-size:0.95em;
	font-weight:normal;
	line-height:1.8em;
		}


#honbun img{ max-width:100%; margin:0 0 10px 0 }
#honbun .small .wp_main_pic_frame{ width:300px; float:right; padding:0 0 0 20px }

/*日付*/
#honbun .date{ 
		font-size:0.8em;
		margin:0 0 30px 0;
		display:block
		}

.wp_main_caption{
	display:block;
	font-size:0.9em;
	color:#3D3D3D;
	}

.wp_main_pic{margin-bottom:40px}


/*関連リンク、資料ダウンロード*/
.kanren-box{ border:1px solid #D9D9D9;
padding:25px;
margin:20px 0px
}


/*調整*/
.kanren-box h5{
		margin-top:0px;
		}

/*関連リンク*/
.ul_link_blank li{ margin:20px 0 20px 0}
.ul_link_blank li:last-child{ margin:20px 0 0px 0}

	.ul_link_blank li a{ background:url(../img/body/i_new_window.png) no-repeat right 6px;
	margin:20px 0 20px 0;
	padding:0 25px 0 0 }

.ul_link_blank span{ font-size:0.8em;}
.ul_link_blank span.caption_s{ display:block; margin:0px 0px 0px 0px;}


/*資料ダウンロード*/
.ul_link_file li{ margin:20px 0 20px 0}
.ul_link_file li:last-child{ margin:20px 0 0px 0}

.ul_link_file span{ font-size:0.8em;}
.ul_link_file span.caption_s{ display:block; margin:0px 0px 0px 25px;}










/*ニュース ------------------------------------------------*/


/* サブ画像 */
.col3_photo_list{ margin-left:-3%}
.col3_photo_list .f_left{ float:left; width:17%; margin-left:3%; box-sizing:border-box;
margin-bottom:15px;}
.col3_photo_list .f_left img{ width:100%; margin-bottom:10px}
.col3_photo_list span.cap{ font-weight:1.2rem !important;
line-height:1.3em !important}



/* 管理画面で小さい写真を選択した場会 */

		/* メインの写真を文章右に */
		.small .main_pic{
			width:47%;
			 float:right;
			 margin-left:20px;
			 margin-bottom:30px;
			 margin-top:6px;}
			 
			 /* メインの写真を文章右に */
		.small .main_pic p{ margin-top:0px !important}
		









/* 詳細ページのページ送り */
#navigation {
	text-align:center; line-height:50px; height:50px; color:#666666; margin:60px 0 0 0;
	background:#F5F5F5
	}

#navigation span{ border-left: 1px solid #DDDDDD; color:#138CC3; padding:0px 30px;font-size:13px; margin:0 0px;}
#navigation a:hover{}
#navigation span:first-child{ border:none}

#navigation .no-link{ color:#B3B3B3}

.bot-new{ margin:30px 0 0 0 }

.flowpage_tab_link{
	font-size: .95em;
}


.flow_main_title {
    font-size: 1.6em!important;
}
.flow_main_title span{
    font-size: 1.4em;
}


.top_new_info_body{
	bottom: 30px;
}


.toppage_info_flex{
	display: block;
}


.toppage_info_flex_left{
	width: 100%;
	text-align: center;
}
.toppage_info_flex_left h2{
	text-align: center!important;
	margin-bottom: 20px;
}
.toppage_info_flex_right{
	width: 100%;
}

.toppage_info_section{
	padding: 45px 0 50px;
}



.pc_only{
	display: none!important;
}

.fullSlideShow-wrap,
.fullSlideShow {
    height: 450px !important;
}


.lead img {
    width: 578px;
    max-width: 80%;
}