@charset "UTF-8";
/* CSS Document */

html{
-webkit-texr-size-adjust:100%;
}

body {
margin: 0;
	font-family: sans-serif;
	font-size:16px;
}

img{ 
-ms-interpolation-mode:bicubic;
max-width:100%;
height:auto;
}

*{box-sizing:border-box;}


/* 基本設定 */

.inner{
	text-align:cenetr;
	margin:auto;

}
.mainArea{
	text-align:center;
	width:980px;
	margin:auto;
	background-color: #fff;
}

.main-container {
		overflow: hidden;
}

.sidebar {
		position: relative;
		padding: 0px;
		float: left;
		margin: 0 20px 0 0;
		width: 220px;
}

.maincol {
	float: right;
	margin: 0 20px 0 -300px;
	width: 100%;
	text-align:left;
}

.maincol-container {
	margin-left: 300px;
}
	
.maincol-containertop {
	margin-left: 0px;
}


/* 左ナビメニュー */

.subnav {
	margin-left: 0;
	padding: 0;
	list-style: none;
	border-top: 0px dashed #AC9D92;
}

.subnav li {
	border-bottom: 1px dashed #AC9D92;
	background:#eee;
	width:220px;
	height:65px;
}

.subnav li.lilast{
	border-bottom: 0px dashed #AC9D92;
	width:220px;
	height:65px;
}

.subnav li a {
	display: block;
	width:220px;
	height:65px;
	vertical-align: middle;
	padding-top:15px;
}

.subnav li a:hover {
	text-decoration: none!important;
	display: block;
	background-color: #ddd;
	width:220px;
//	height:65px;
	vertical-align: middle;
	padding-top:15px;
	border-bottom: 1px dashed #AC9D92;
}

.subnav li a.current{
	display: block;
	background-color: #ddd;
	width:220px;
	height:65px;
	vertical-align: middle;
	padding-top:15px;
	border-bottom: 1px dashed #AC9D92;
}

.subnav li.lilast a:hover {
	display: block;
	background-color: #ddd;
	width:220px;
//	height:65px;
	vertical-align: middle;
	padding-top:15px;
	border-bottom: 0px dashed #AC9D92;
}
.nomember_h{
	height:45px!important
}
.nomember_h a:hover{
	height:45px!important
}
.subnav .member {
	width:220px;
	display: flex;
	justify-content: flex-start;
	margin: -10px 0 1px 7px;
}
.subnav .nomember {
	width:220px;
//	display: flex;
	justify-content: flex-start;
//	margin: 10px 0 1px 7px;
}

.subnav .member span, .tmenur .member span {
	width: 75px;
	color: #fff;
	font-size: 13px;
	text-align: center;
	display:float;
	background-color: #e60012;
	border-radius: 9px;
	padding: 0px;
	margin: 4px 0 6px 0;
}

.menu{
	display: block;
	background:#e60012;
	width:100%;
	height:8px;
	margin-bottom:4px;
}

.bactivity .nav-activity>a,
.bmmc .nav-mmc>a
{
	display: block;
	background-color: #ddd;
	width:220px;
	height:45px!important;
	vertical-align: middle;
	padding-top:15px;
	border-bottom: 1px dashed #AC9D92;
}

.bsubmission .nav-submission>a,
.bcircle .nav-circle>a,
.baccess .nav-access>a,
.bmagazine .nav-magazine>a,
.bmeeting .nav-meeting>a
{
	display: block;
	background-color: #ddd;
	width:220px;
	height:65px;
	vertical-align: middle;
	padding-top:15px;
	border-bottom: 1px dashed #AC9D92;
}
.bjournal .nav-journal>a{
	display: block;
	background-color: #ddd;
	width:220px;
	height:65px;
	vertical-align: middle;
//	padding-top:15px;
	border-bottom: 0px dashed #AC9D92;
}


/*--header--*/
.header{
	background-image: url(../img/head_spring.jpg);
	background-size:  cover;  
	background-position: center; 
	text-align:center;
	margin:auto;
	height: 120px;
	margin-bottom: 30px;
}

.header_wrap{
	display:block;
	margin:auto;
	width:980px;
}

.header .logo{
	float:left;
	margin:0px 0 0 0px;
	text-align:left;
}

.header h1{
	padding:0px;
	text-align:left;
	margin-bottom: 0px;
	border-bottom:0px solid #e60012;
}

p.hinquiry{
	text-align:right;
	margin:auto;
	width: 980px;
	padding-top: 7px;
}

.pc {
 display: block; 
}

.sp {
 display: none; 
}

/* トップページ */

.member_only {
	padding: 15px 30px;
	border: 1.5px solid #e60012;
	margin-bottom: 30px;
}

.member_only h3 {
	font-size:18px;
	line-height: 130%;
	color:#e60012!important;
	text-align:left;
	margin-bottom: 10px;
}

.member_only p {
	font-size:14px;
	color:#e60012!important;
	text-align:left;
	line-height: 1.8em;
}

.topmenuArea{
	width:980px;
	text-align: justify;
}

.tmenu{
	width:236px;
	float:left;
	background:#eee;
	height:155px;
	margin-left:0px;
	margin-right: 12px;
	margin-bottom: 12px;
	display:block;
	text-align: center;
}

.tmenur{
	width:236px;
	float:left;
	background:#eee;
	height:155px;
	margin-left:0px;
	margin-right: 0px;
	margin-bottom: 12px;
	display:block;
	text-align: center;
}


.cname{
	font-weight:normal;
	font-size:20px;
	color:#e60012;
	padding:15px 2px 10px 2px;
	text-align:center;
	margin-bottom: 10px;
	border-bottom:1px solid #e60012;
	width:200px;
	margin-left: auto;
	margin-right: auto;
	text-decoration: none;
}

.tmenu a,.tmenur a {
	display:block;
	font-size: 17px;
	text-decoration: none;
	color: #333;
	text-align: left;
	line-height: 160%;
	padding-left:18px;
	padding-right: 18px;
	width:100%;
	height:100%;
}

.tmenu a:hover, .tmenur a:hover {
	background-color: #ddd;
	box-shadow:2px 2px 2px rgba(0,0,0,0.2);
}

.tmenu .member,.tmenur .member {
	width:100%;
	display: flex;
	justify-content: flex-end;
}
.tmenu .member span, .tmenur .member span {
	letter-spacing: 0.1em;
	width: 90px;
	color: #fff;
	font-size: 14px;
	text-align: center;
	display:block;
	background-color: #e60012;
	border-radius: 15px;
	padding: 0px;
	margin: 5.5px 0;
}

.info_member {
	letter-spacing: 0.1em;
	width: 90px;
	color: #fff;
	font-size: 12px;
	text-align: center;
//	display:block;
	background-color: #e60012;
	border-radius: 15px;
	padding: 2px 6px;
 	margin: 0px 7px;
}

.car{
	display:block;
	float: left;
	width:236px;
	height:100%;
	text-decoration: none;
	line-height: 150%;
	padding:20px;
	height:60px;
	font-size: 18px;
	background-color: #AECDFB;
	vertical-align: middle;
	margin-bottom: 20px;
}

.insurance{
	padding:60px 0;
	text-align: center!important;
}

.tnews h3, .taboutus h3 {
	font-size:18px;
	font-weight:normal;
	color:#e60012;
	text-align:left;
	margin-bottom: 10px;
}

.news{
	font-size:15px;
	line-height:1.8em;
	text-align: left;
	color:#333;
	margin-top: 0px;
	margin-bottom: 40px;
}

.news dt {
	float:left;
}

.news dd {
	margin-left:110px;
}

.taboutus {
	background: #F9EDF2;
	padding: 20px 30px;
	margin-bottom: 20px;
}

.taboutus p {
	font-size:15px;
	line-height:1.8em;
}


/* 活動　字下げインデント */

.indent22 {
	padding-left:2.1em;
}

.indent23 {
	text-indent: -1.5em;
	padding-left:3.7em;
}
.indent24 {
	text-indent: -3em;
	padding-left:4.5em;
}

/* 規約 */

.rule,.rule01{
	line-height:150%;
}

.rule dt {
	float:left;
}

.rule dd {
	margin-left:95px;
}

.rule dt.contentLabel1 {
	float:left;
	font-weight:bold;
	font-size:16px;
}

.rule01 dt {
	float:left;
}

.rule01 dd {
	margin-left:60px;
	margin-right: 15px;
}

.mbg{
	background-color:#ffc;
	padding:10px;
}

.membership {
	width:98%;
	border: 1px solid #333;
	background-color: #fff;
	margin:10px 5px;
	font-size: 14px;
	line-height: 180%;
}

.membership td.item{
	width:22%;
	border: 1px solid #333;
	background-color: #fff;
	padding:5px 10px 5px 20px;
}

.membership td.field{
	width:78%;
	border: 1px solid #333;
	background-color: #fff;
	padding:5px 10px 5px 20px;
}
.mbg p{
	background-color:#ffc;
	padding:10px;
}

.mday{
	margin-left: 65%;
	margin-bottom:0px;
	font-size:14px;
}


.minfo{
	font-size: 14px;
}

/*--アクセス--*/

.route{
	float:left;
	width:300px;
	margin-right:20px;
}

/*投稿、同好会MMC、情報　リンクボタン */
.button001 a {
    background: #e8464e;
    border-radius: 0px;
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: right;
    margin-left:410px;
    max-width: 270px;
    padding: 3px 15px;
    color: #fff;
    font-weight: 400;
}
.button001 a:hover {
    background: #ed7a7a;
    color: #FFF;
}
.button001 a:after {
    content: '';
    width: 7px;
    height: 7px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(45deg) translateY(-50%);
    position: absolute;
    top: 45%;
    right: 20px;
    border-radius: 1px;
}
.button001 a:hover:after {
    border-color: #FFF;
}


	
/* 投稿 */
/* エッセイ  */

.subessay{
	line-height:160%;
}

.subessay dt {
	display: block;
	color:#666;
}

.subessay dd {
	margin-bottom: 10px;
	padding-bottom: 10px;
	display: block;
	border-bottom: 1px solid #ccc;
}

.subessay a {
	margin-left: 25px;
}

.subessay a.m1 {
	margin-left: 45px;
}

.subessay a.m2 {
	margin-left: 12px;
}


span.m {
	margin-left: 25px;
	color:#333;
}

span.m1 {
	margin-left: 45px;
	color:#333;
}

span.m2 {
	margin-left: 12px;
	color:#333;
}


/* 写真 */

.subphoto{
	line-height:160%;
}

.subphoto dt {
	display: block;
	color:#666;
}

.subphoto dd {
	margin-bottom: 10px;
	padding-bottom: 10px;
	display: block;
	border-bottom: 1px solid #ccc;
}

.subphoto a {
	margin-left: 22px;
}

.subphoto a.m1 {
	margin-left: 35px;
}


/* 動画とBGM */

.submovie{
	line-height:160%;
}

.submovie dt {
	display: block;
	color:#666;
}

.submovie dd.name {
	margin-bottom: 5px;
	padding-bottom: 0px;
	display: block;
	border-bottom: 0px solid #ccc;
}

.submovie dd.intro {
	margin-bottom: 10px;
	padding-bottom: 10px;
	display: block;
	border-bottom: 1px solid #ccc;
	color:#666;
}


/* 耳より話 */

.subinfo{
	line-height:160%;
}

.subinfo dt {
	display: block;
	color:#666;
}

.subinfo dd {
	margin-bottom: 10px;
	padding-bottom: 10px;
	display: block;
	border-bottom: 1px solid #ccc;
}

.subinfo a {
	margin-left: 20px;
}

.subinfo a.m1 {
	margin-left: 35px;
}

.subinfo a.m2 {
	margin-left: 72px;
}

/* メッセージの投稿*/
.submsg{
	line-height:150%;
	margin-left:20px;
}

.submsg dt {
	float:left;
	color:#666;
	font-weight: bold;
}

.submsg dd {
	margin-bottom: 10px;
	padding-bottom: 10px;
	display: block;
	border-bottom: 1px solid #ccc;
	font-weight: bold;
	padding-left: 140px;

}

.submsg1{
	line-height:150%;
	margin-left:20px;
}

.submsg1 dt {
	float:left;
	
}

.submsg1 dd {
margin-left:80px;
}

.submsg2{
	line-height:150%;
	margin-left:0px;
}

.submsg2 dt {
	float:left;
}

.submsg2 dd {
margin-left:80px;
}

.submsg3{
	line-height:150%;
	margin-left:20px;
}

.submsg3 dt {
	float:left;
}

.submsg3 dd {
margin-left:40px;
}

.submsg3 dd {
margin-left:40px;
}

.submsgindent1 {
	padding-left:1em;
}


/* 同好会 */

.circle{
	line-height:160%;
}

.circle dt {
	float:left;
}

.circle dd {
	margin-left:90px;
	text-indent: -1em;
	padding-left:2em;
}

.circle dd:before {
content: "：";
}

/* 金石会（囲碁） */
.circleg{
	line-height:160%;
}

.circleg dt {
	float:left;
}

.circleg dd {
	margin-left:110px;
	text-indent: -1em;
	padding-left:2em;
}

.circleg dd:before {
	content: "：";
}

/* 菱交俳句会（俳句） */

.worklist{
	list-style: disc !important;
	padding-left: 20px;
	line-height:200%;
}

.worklist li{
	width:20%;
	float:left;
	padding-left: 5px;
	list-style: disc !important;
}

/* マテ画会（絵画） */
.worklistkaiga{
	list-style: disc !important;
	padding-left: 20px;
	text-align: justify;

}
.worklistkaiga li{
	width:33%;
	float:left;
	padding-left: 5px;
	line-height:120%;
	margin-bottom:20px;
	list-style: disc !important;
}


/* 丸の内グリークラブ（男性合唱） */
.circlechorusinfo {
	line-height:150%;
	margin-left:20px;
}

.circlechorusinfo dt {
	float:left;
}

.circlechorusinfo dd {
	margin-left:70px;
}

.circlechorus{
	line-height:160%;
}

.circlechorus dt {
	display: block;
	color:#666;
}

.circlechorus dd {
	margin-bottom: 10px;
	padding-bottom: 10px;
	display: block;
	border-bottom: 1px solid #ccc;
}


/* 二水会（謡曲） */
.circleyoul{
	line-height:170%;
}

.circleyoul li {
	width:50%;
}

.circleyoul li:nth-child(even) {
	float:left;
}

.circleyoul li:nth-child(odd) {
	float:left;
	clear:left;
}

.circleyoul li.nofloat {
	float:none;
	list-style: disc !important;
	width: 100%;
}

.circleyou {
	line-height:160%;
}

.circleyou dt {
	display: block;
	color:#666;
}

.circleyou dd {
	margin-bottom: 10px;
	padding-bottom: 10px;
	display: block;
	border-bottom: 1px solid #ccc;
}

/* 東京三菱考古会（名所史跡見学他） */
.circlekou{
	line-height:160%;
}

.circlekou dt {
	display: block;
	color:#666;
}

.circlekou dd {
	margin-bottom: 10px;
	padding-bottom: 10px;
	display: block;
	border-bottom: 1px solid #ccc;
}

/* 三菱マテリアル情報 */
/* プレスリリース */
.mmcre{
	line-height:160%;
}

.mmcre dt {
	display: block;
	color:#666;
	float:left;
}

.mmcre dd {
	margin-bottom: 10px;
	padding-bottom: 10px;
	padding-left: 100px;
	display: block;
	border-bottom: 1px solid #ccc;
}

/* 三菱マテリアルからのお知らせ */
.mmcinfo{
	line-height:160%;
}

.mmcinfo dt {
	display: block;
	color:#666;
}

.mmcinfo dd {
	margin-bottom: 10px;
	padding-bottom:10px;
	display: block;
	border-bottom: 1px solid #ccc;
	line-height:170%;
}

/* 三菱マテリアル関連ホームページ集　リンク集 */

.mmclinkl{
	list-style: disc !important;
	padding-left: 20px;
	line-height:170%;
}

.mmclinkl li{
	width:50%;
	padding-left: 5px;
	list-style: disc !important;
}

.mmclinkl li:nth-child(even){
	float:left;
	list-style: disc !important;
}

.mmclinkl li:nth-child(odd){
	float:left;
	clear:left;
	list-style: disc !important;
}

.mmclinkl li.nofloat{
	float:none;
	list-style: disc !important;
	width: 100%;
}


/* 菱交会通信 */

.mag{
	line-height:160%;
}

.mag dt {
	display: block;
	color:#666;
	float:left;
}

.mag dd {
	margin-bottom: 10px;
	padding-bottom: 10px;
	padding-left: 195px;
	display: block;
	border-bottom: 1px solid #ccc;
}

/*.mag a {
	margin-left: 15px;
}*/

.ml {
	margin-left: 82px;
}
.ml2 {
	margin-left: 97px;
	text-indent:-15px;
}

/* リンク集 */

.mlink{
	line-height:160%;
}

.mlink dt {
	float:left;
}

.mlink dd:before {
	content: "… ";
}

.mlink dd {
	margin-left:170px;
	padding-left:1.3em;
	text-indent:-1.3em;
}

.mlinkl{
	list-style: disc !important;
	padding-left: 20px;
	line-height:170%;
}

.mlinkl li{
	width:50%;
	padding-left: 5px;
	list-style: disc !important;
}

.mlinkl li:nth-child(even){
	float:left;
	list-style: disc !important;
}

.mlinkl li:nth-child(odd){
	float:left;
	clear:left;
	list-style: disc !important;
}

.mlinkl li.nofloat{
	float:none;
	list-style: disc !important;
	width: 100%;
}

/* 菱交会総会 */
.mtg{
	line-height:160%;
}

.mtg dt {
	display: block;
	color:#666;
	float:left;
}

.mtg dd {
	margin-bottom: 10px;
	padding-bottom: 10px;
	padding-left: 200px;
	display: block;
	border-bottom: 1px solid #ccc;
}


.videoBox {
  position: relative;
  width: 100%;
  max-width: 680px;      /* 最大幅 */
  padding-bottom: 56.25%; /* 16:9比率 */
  height: 0;
  margin: 0 auto;         /* 中央寄せ */
  overflow: hidden;
  margin-bottom: 10px;	
}

.videoBox iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

/* 会報誌「菱交」 */

.jounal li{
	list-style: disc !important;
	line-height: 250%;
	width:100%;
	padding-left: 5px;
	margin-left: 20px;
}



/* サイトご利用にあたって　個人情報について */
.listOrder {
	margin-left: 25px;
	line-height: 160%;
}

.listOrder li{
	list-style: decimal;
	margin: 0 0 5px;
}

.listOrder li ul {
	margin-top: 5px;
}

.listCommon {
	margin-left: 20px;
}

.listCommon li {
	list-style: disc !important;
	margin: 0 0 5px;
}

.listCommon li ul {
	margin-top: 5px;
}


/* サイトマップ */

h3.smcontentLabel1 {
	font-weight:bold;
	font-size:18px;
	margin-bottom:30px;
}

h3.smcontentLabel2 {
	font-weight:bold;
	font-size:18px;
	margin-bottom:5px;
}

h3 .member {
	font-weight:normal;
	font-size:14px;
	color: #e60012;
}

.sml{
	list-style: disc !important;
	padding-left: 20px;
	line-height:170%;
}

.sml li{
	width:50%;
	padding-left: 5px;
	list-style: disc !important;
}

.sml li:nth-child(even){
	float:left;
	list-style: disc !important;
}

.sml li:nth-child(odd){
	float:left;
	list-style: disc !important;
}


/*お問い合わせ*/

.inqdl dt {
	line-height: 160%;
	float:left;
}

.inqdl dd {
	margin-bottom: 10px;
	line-height: 160%;
	margin-left: 8%;
}


/*--文字調節--*/
.taC{text-align:center!important}
.taR{text-align:right!important}

.fS12{font-size:12px;important}
.fS14{font-size:14px;important}
.fS16{font-size:16px;important}
.fS18{font-size:18px;important}

.fwnormal{font-weight:normal;important}
.fw400{font-weight:400;important}
.fw600{font-weight:600;important}
.fw900{font-weight:900;important}

.fS16{font-size:16px;important}
.fS18{font-size:18px;important}

.mt0{margin-top:0!important}
.mt5{margin-top:5px!important}
.mt10{margin-top:10px!important}
.mt15{margin-top:15px!important}
.mt20{margin-top:20px!important}
.mt30{margin-top:30px!important}
.mt40{margin-top:40px!important}

.mb0{margin-bottom:0!important}
.mb5{margin-bottom:5px!important}
.mb10{margin-bottom:10px!important}
.mb15{margin-bottom:15px!important}
.mb20{margin-bottom:15px!important}
.mb25{margin-bottom:25px!important}
.mb30{margin-bottom:30px!important}
.mb40{margin-bottom:40px!important}
.mb50{margin-bottom:50px!important}
.mb60{margin-bottom:60px!important}
.mb70{margin-bottom:70px!important}
.mb80{margin-bottom:80px!important}
.mb90{margin-bottom:90px!important}
.mb100{margin-bottom:100px!important}

.mL10{margin-left:10px;!important}
.mL20{margin-left:20px;!important}


/*--幅調節--*/
.w150{width:150px!important}
.w500{width:500px!important}


/*--位置調節--*/
.floatL{
	float:left;
}
.floatR{
	float:right;
}


/*--リンクのアイコン--*/

.licon {
margin-left: 3px;
padding-right: 7px;
widh:20px;
}

/*--外部リンクのアイコン--*/

.liconos {
margin-left: 5px;
widh:20px;
margin-bottom: 5px;	
vertical-align: middle;


}

/*--PDFリンクのアイコン--*/
.picon {
vertical-align: middle;
margin-left: 5px;
margin-bottom: 1px;	
padding-bottom: 2px;
width:18px
}

/*--youtube動画リンクのアイコン--*/
.micon {
vertical-align: middle;
margin-left: 5px;
margin-right: 3px;
//margin-bottom: 1px;	
padding-bottom: 2px;
width:20px
}

/*--写真リンクのアイコン--*/
.sicon {
vertical-align: middle;
margin-left: 5px;
margin-right: 3px;
margin-bottom: 1px;	
padding-bottom: 2px;
width:21px
}
/* clearfixの設定 */	

.clearfix:after{
	display:block;
	clear:both;
	content:"";
}


/*見出し*/

h1{
	font-weight:normal;
	font-size:22px;
	color:#e60012;
	padding:5px 0 10px 0;
//	padding:0 0 10px 0;
	text-align:left;
	margin-bottom: 20px;
	border-bottom:1px solid #e60012;
}

.app{
	font-weight:normal;
	font-size:22px;
	color:#e60012;
	padding:0 0 10px 0;
	text-align:left;
	margin-bottom: 20px;
	border-bottom:1px solid #e60012;
}

.app_noborder{
	font-weight:normal;
	color:#e60012;
}

h2{
	text-align:center;
	font-size:25px;
	font-weight:bold;
	margin-bottom:15px;
}

h3{
}

h3.contentLabel1 {
	font-weight:bold;
	font-size:18px;
	margin-bottom:15px;
}

h4.contentLabel2{
	font-weight:bold;
	font-size:17px;
	margin-bottom:10px;
	color:#666;
}

.contents_wrap h1+p{
	font-size:16px;
	line-height:1.2;
	margin:0;
	padding:0 20px;
}

/*--footer--*/

.footer{
	background-image: url(../img/foot_spring.jpg);
	background-color: #fff;
	background-size:  cover;  
	background-position: center; 
	text-align:left;
	margin:auto;
	height: 170px;
	margin-bottom: 0px;
	margin-top:70px;
	padding-top: 35px;
	width: 100%
}

.footert{
	background-image: url(../img/foot_spring.jpg);
	background-color: #fff;
	background-size:  cover;  
	background-position: center; 
	text-align:left;
	margin:auto;
	height: 170px;
	margin-bottom: 0px;
	margin-top:30px;
	padding-top: 35px;
	width: 100%
}

.footer_wrap{
	display:block;
	margin:auto;
	width:980px;
	text-align:left;
	
}

footer ul{
	display: flex;
	margin-left: 0;
	text-align:center;
	margin-bottom:30px;
}

footer li{
	display: block;
	margin-right: 30px;
}


.copyright{
	color:#000;
	display:block;
	text-align:right;
	margin:0;
	margin-top:20px;
}

/* 表示の設定 */	
.spOnly{
	display:none;
}




/*-----以下、SP表示対応-----*/
@media screen and (max-width:640px),print{
	
.mainArea{
	width:100%;	
	background-color:#666;
}

main { }
.main-container {
	padding: 0px;
	background: #ffffff;
	margin: 0px;
	width: 100%;
	float: none !important;
	display: block;
	position: static;
	height: auto;
}

.sidebar {
	margin: 0px;
	padding: 10px 0 10px 0;
	width: 100%;
	float: none!important;
	display: block;
	position: static;
	background:#eee;
}

.menu{
	display: none;
	background:#e60012;
	width:100%;
	height:0px;
	margin-bottom:0px;
}

.subnav {
	flex-wrap: wrap;
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
}

.subnav li {
	display: block;
	width: 49.0%;
	height:60px;
	margin: 0.5%;
	background:#ddd;
	border-bottom: 0px dashed #AC9D92;
	padding-top:0px;
}

.subnav li.lilast{
	display: block;
	width: 49.0%!important;
	height:60px;
	margin: 0.5%;
	background:#ddd;
	border-bottom: 0px dashed #AC9D92;
	padding-top:0px;
}

.subnav li a {
	display: block;
	width:100%;
	height:60px;
	margin: 0.5%;
	vertical-align: middle;
	padding-top:12px;
	text-align: center;
	border-bottom: 0px dashed #AC9D92;
}


.subnav li a:hover{
	display: block;
	width:100%;
	height:60px;
	margin: 0.5%;
	vertical-align: middle;
	padding-top:12px;
	text-align: center;
	border-bottom: 0px dashed #AC9D92;
	background-color: #aaa;
}


.subnav li.lilast a:hover {
	display: block;
	width:100%!important;
	height:60px;
	margin: 0.5%;
	vertical-align: middle;
	padding-top:12px;
	text-align: center;
	border-bottom: 0px dashed #AC9D92;
	background-color: #aaa;
}
.subnav .nomember {
	width:100%;
	display: flex;
	justify-content: flex-start;
	margin: 10px 0 1px 7px;
}
	
.nomember_h{
	height:60px!important
}


.bactivity .nav-activity a,
.bsubmission .nav-submission a,
.baccess .nav-access>a,
.bcircle .nav-circle>a,
.bmmc .nav-mmc>a,
.bmagazine .nav-magazine>a,
.blink .nav-link>a,
.bmeeting .nav-meeting>a


{
	display: block;
	width:100%;
	height:60px;
	margin: 0.5%;
	vertical-align: middle;
	padding-top:12px;
	text-align: center;
	border-bottom: 0px dashed #AC9D92;
	background-color: #aaa;
}
/*

.blink .nav-link>a{
	display: block;
	width:100%;
	height:40px;
	margin: 0.5%;
	vertical-align: middle;
	padding-top:12px;
	text-align: center;
	border-bottom: 0px dashed #AC9D92;
	background-color: #999;

}*/


.maincol {
	margin: 0px;
	padding: 30px 0 30px 0;
	width: 100%;
	float: none!important;
	display: block;
	position: static;
}

.maincol-container {
		margin:0px 10px 0px 10px;
}

.maincol-containertop {
		margin:0px 10px 0px 10px;
}
	
html {
	overflow: hidden;
    overflow-y: auto;
    -webkit-text-size-adjust: 100%;
}


/*--header--*/

.header{
	background-image: url(../img/head_spring.jpg);
	background-size:  cover;  
	background-position: center; 
	text-align:left;
	margin:auto;
	height: 100px;
	margin-bottom: 20px;
}

.header p{
	text-align:right;
	width:100%;
	padding-top:0px;
}

.header_wrap{
	width:100%;
}

.header .logo{
	width:325px;
	margin-left: 0px;
}

p.hinquiry{
	text-align:right;
	margin:auto;
	padding-right: 10px;
	width: 100%;
	padding-top: 1px;
}

.pc {
	display: none !important; 
}

.sp {
	display: block !important;
	margin-left:0px;
}



/* トップページ */

.tnews{
	font-size:18px;
	font-weight:normal;
	color:#e60012;
	text-align:left;
	margin-bottom: 10px;
	margin-top:10px;
}

.topp{
	color:#333;
	font-size:16px;
	lign-height:140%;
}

.news{
	font-size:15px;
	line-height:140%;
	text-align: left;
	margin-bottom: 40px;
	}

.news dt {
	float:left;
}

.news dd {
	margin-left:120px;
}


.topmenuArea{
	width:100%;
	text-align: justify;
}

.tmenu{
	width: 100%;
	float:none;
	background:#eee;
	height:140px;
	margin-left:0px;
	margin-right: 0px;
	margin-bottom: -15px;
	display:block;
	text-align: center;
}

.tmenur{
	width: 100%;
	float:none;
	background:#eee;
	height:140px;
	margin-left:0px;
	margin-right: 0px;
	margin-bottom: -15px;
	display:block;
	text-align: center;
}

.cname{
	font-weight:normal;
	font-size:18px;
	color:#e60012;
	padding:10px 2px 3px 2px;
	text-align:center;
	margin-bottom: 20px;
	border-bottom:1px solid #e60012;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	text-decoration: none;
}


.tmenu a {
	display:block;
	text-decoration: none;
	color: #333;
	text-align: left;
	line-height: 150%;
	padding-left:20px;
	padding-right: 20px;
	width:100%;
	height:100%;
	font-size: 16px;
}

.tmenu a:hover {
	background-color: #eee;
	box-shadow:none;
}

.tmenur a {
	display:block;
	text-decoration: none;
	color: #333;
	text-align: left;
	line-height: 150%;
	padding-left:20px;
	padding-right: 20px;
	width:100%;
	height:100%;
	font-size: 15px;
}

.tmenur a:hover {
	background-color: #eee;
	box-shadow:none;
}

.car{
	display:block;
	float: none;
	width:100%;
	height:100%;
	text-decoration: none;
	line-height: 150%;
	padding:10px;
	height:40px;
	font-size: 15px;
	background-color: #AECDFB;
	vertical-align: middle;
	margin-bottom: 10px;
	margin-top: 30px;
}

.insurance {
	margin-top: 25px;
	height: 80px;
//	display:block;
//	float: none;
//	width:100%;
//	height:100%;
//	text-decoration: none;
//	line-height: 150%;
//	padding:10px;
//	height:40px;
//	font-size: 15px;
//	background-color: #99D4B7;
//	vertical-align: middle;
//	margin-left: 0px;
}


/*見出し*/

	
h1{
	font-weight:normal;
	font-size:20px;
	color:#e60012;
	padding:0 0 10px 0;
	text-align:left;
	margin-bottom: 10px;
	width:100%;
	border-bottom:1px solid #e60012;
}

.app{
	font-weight:normal;
	font-size:20px;
	color:#e60012;
	padding:0 0 10px 0;
	text-align:left;
	margin-bottom: 10px;
	width:100%;
	border-bottom:1px solid #e60012;
}

h2{
	margin:25px 0;
}

h3{
}

h3.contentLabel1 {
	font-weight:bold;
	font-size:16px;
	margin-bottom:10px;
}

.btn{
	font-size:20px;
	padding:15px 0 12px;
	margin:0 auto;
	width:60%;
}


/* 活動　字下げインデント */

.indent22 {
	padding-left:0em;
}

.indent23 {
	text-indent: -1.7em;
	padding-left:1.7em;
}


/*--アクセス--*/

.route{
	float:none;
	width:100%;
}

/*投稿、同好会MMC、情報　リンクボタン */
.button001 a {
    background: #f25c67;
    border-radius: 0px;
    position: relative;
    display: block;
    justify-content: space-around;
    align-items: right;
    margin-left:0px;
	width:100%;
    max-width: 100%;
    padding: 3px 15px;
    color: #fff;
    font-weight: 500;
}
.button001 a:hover {
    background: #ed7a7a;
    color: #FFF;
}
.button001 a:after {
    content: '';
    width: 5px;
    height: 5px;
    border-top: 3px solid #fff;
    border-right: 3px solid #fff;
    transform: rotate(45deg) translateY(-50%);
    position: absolute;
    top: 50%;
    right: 20px;
    border-radius: 1px;
}
.button001 a:hover:after {
    border-color: #FFF;
}

/* 投稿 */
/* エッセイ  */

.subessay{
	line-height:160%;
}

.subessay dt {
	display: block;
	color:#666;
}

.subessay dd {
	margin-bottom: 10px;
	padding-bottom: 10px;
	display: block;
	border-bottom: 1px solid #ccc;
}

.subessay a {
	margin-left: 20px;
}

.subessay a.m1 {
	margin-left: 35px;
}

.subessay a.m2 {
	margin-left: 30px;
}

/* 写真 */

.subphoto{
	line-height:160%;
}

.subphoto dt {
	display: block;
	color:#666;
}

.subphoto dd {
	margin-bottom: 10px;
	padding-bottom: 10px;
	display: block;
	border-bottom: 1px solid #ccc;
}

.subphoto a {
	margin-left: 20px;
}

.subphoto a.m1 {
	margin-left: 35px;
}

/* 動画とBGM */

.submovie{
	line-height:160%;
}

.submovie dt {
	display: block;
	color:#666;
}

.submovie dd.name {
	margin-bottom: 5px;
	padding-bottom: 0px;
	display: block;
	border-bottom: 0px solid #ccc;
}

.submovie dd.intro {
	margin-bottom: 10px;
	padding-bottom: 10px;
	display: block;
	border-bottom: 1px solid #ccc;
	color:#666;
}

/* 耳より話 */

.subinfo{
	line-height:160%;
}

.subinfo dt {
	display: block;
	color:#666;
}

.subinfo dd {
	margin-bottom: 10px;
	padding-bottom: 10px;
	display: block;
	border-bottom: 1px solid #ccc;
}

.subinfo a.m1 {
	margin-left: 35px;
}

.subinfo a.m2 {
	margin-left: 72px;
}

/* メッセージの投稿*/
.submsg{
	line-height:150%;
	margin-left:20px;
}

.submsg dt {
	float:left;
	color:#666;
	font-weight: bold;
}

.submsg dd {
	margin-bottom: 10px;
	padding-bottom: 10px;
	display: block;
	border-bottom: 1px solid #ccc;
	font-weight: bold;
	padding-left: 140px;
}

.submsg1{
	line-height:150%;
	margin-left:20px;
}

.submsg1 dt {
	float:left;
}

.submsg1 dd {
margin-left:80px;
}

.submsg2{
	line-height:150%;
	margin-left:0px;
}

.submsg2 dt {
	float:left;
}

.submsg2 dd {
margin-left:80px;
}

.submsg3{
	line-height:150%;
	margin-left:20px;
}

.submsg3 dt {
	float:left;
}

.submsg3 dd {
margin-left:40px;
}

.submsg3 dd {
margin-left:40px;
}

.submsgindent1 {
	padding-left:1em;
}


/* 同好会 */
/* 金石会（囲碁） */

.circle{
	line-height:160%;
}

.circle dt {
	float:left;
}

.circle dd {
margin-left:0px;
	text-indent: 0em;
	padding-left:0em;
}

.circle dt:after {
content: "：";
}

.circle dd:before {
content:none;
}

/* 金石会（囲碁） */

.circleg{
	line-height:160%;
}

.circleg dt {
	float:left;
}

.circleg dd {
	margin-left:0px;
	text-indent: 0em;
	padding-left:0em;
}

.circle dt:after {
	content: "：";
}

.circle dd:before {
	content:none;
}

/* 同好会 */
/* 菱交俳句会（俳句） */

.worklist{
	list-style: disc !important;
	padding-left: 20px;
	line-height:200%;
}


.worklist li{
	width:20%;
	float:left;
	padding-left: 5px;
	list-style: disc !important;
}

/* マテ画会（絵画） */
.worklistkaiga{
	list-style: disc !important;
	padding-left: 20px;
	text-align: justify;

}
.worklistkaiga li{
	width:50%;
	float:left;
	padding-left: 5px;
	line-height:120%;
	margin-bottom:20px;
	list-style: disc !important;
}


/* 丸の内グリークラブ（男性合唱） */
.circlechorusinfo{
	line-height:150%;
	margin-left:20px;
}

.circlechorusinfo dt {
	float:left;
}

.circlechorusinfo dd {
margin-left:70px;
}

.circlechorus{
	line-height:160%;
}

.circlechorus dt {
	display: block;
	font-weight:bold;
	color:#666;
}

.circlechorus dd {
	margin-bottom: 10px;
	padding-bottom: 10px;
	display: block;
	border-bottom: 1px solid #ccc;
}


/* 二水会（謡曲） */

.circleyoul{
	line-height:170%;
}

.circleyoul li{
	width:100%;
	display: block;
}

.circleyoul li:nth-child(even){
	float:none;
}

.circleyoul li:nth-child(odd){
	float:none;
	clear:left;
}

.circleyoul li.nofloat{
	float:none;
	width: 100%;
}

.circleyou{
	line-height:160%;
}

.circleyou dt {
	display: block;
	font-weight:bold;
	color:#666;
}

.circleyou dd {
	margin-bottom: 10px;
	padding-bottom: 10px;
	display: block;
	border-bottom: 1px solid #ccc;
}

/* 東京三菱考古会（名所史跡見学他） */
.circlekou{
	line-height:160%;
}

.circlekou dt {
	display: block;
	font-weight:bold;
	color:#666;
}

.circlekou dd {
	margin-bottom: 10px;
	padding-bottom: 10px;
	display: block;
	border-bottom: 1px solid #ccc;
}



/* 三菱マテリアル情報 */
/* プレスリリース */
.mmcre{
	line-height:160%;
}

.mmcre dt {
	display: block;
	font-weight:bold;
	color:#666;
}

.mmcre dd {
	margin-bottom: 10px;
	padding-bottom: 10px;
	display: block;
	border-bottom: 1px solid #ccc;
}

/* 三菱マテリアルからのお知らせ */
.mmcinfo{
	line-height:160%;
}

.mmcinfo dt {
	display: block;
	font-weight:bold;
	color:#666;
}

.mmcinfo dd {
	margin-bottom: 10px;
	padding-bottom:10px;
	display: block;
	border-bottom: 1px solid #ccc;
	line-height:170%;
}

/* 三菱マテリアル関連ホームページ集　リンク集 */

.mmclinkl{
	list-style: disc !important;
	padding-left: 20px;
	line-height:170%;
}

.mmclinkl li{
	width:100%;
	padding-left: 0px;
	list-style: disc !important;
}

.mmclinkl li:nth-child(even){
	float:none;
	list-style: disc !important;
}

.mmclinkl li:nth-child(odd){
	float:none;
	clear:left;
	list-style: disc !important;
}

.mmclinkl li.nofloat{
	float:none;
	list-style: disc !important;
	width: 100%;
}


/* 菱交会通信 */

.mag{
	line-height:160%;
}

.mag dt {
	display: block;
	font-weight:bold;
	color:#666;
	float:none;
	width:100%;
}

.mag dd {
	margin-bottom: 10px;
	padding-bottom: 10px;
	padding-left: 0px;
	display: block;
	border-bottom: 1px solid #ccc;
	width:100%;
}

.mag a {
	margin-left: 0px;
}
.ml {
	margin-left: 0px;
}
.ml2 {
	margin-left:0px;
	text-indent:0px;
}

/* リンク集 */

.mlink{
	line-height:160%;
}

.mlink dt {
	float:left;
}

.mlink dd:before {
	content: "… ";
}

.mlink dd {
	margin-left:170px;
	padding-left:1.3em;
	text-indent:-1.3em;
}

.mlinkl{
	list-style: disc !important;
	padding-left: 20px;
	line-height:170%;
}

.mlinkl li{
	width:100%;
	padding-left: 0px;
	list-style: disc !important;
}

.mlinkl li:nth-child(even){
	float:none;
	list-style: disc !important;
}

.mlinkl li:nth-child(odd){
	float:none;
	clear:left;
	list-style: disc !important;
}

.mlinkl li.nofloat{
	float:none;
	list-style: disc !important;
	width: 100%;
}

/* 菱交会総会 */

.mtg{
	line-height:160%;
}

.mtg dt {
	display: block;
	font-weight:bold;
	color:#666;
	float:none;
	width:100%;
}

.mtg dd {
	margin-bottom: 10px;
	padding-bottom: 10px;
	padding-left: 0px;
	display: block;
	border-bottom: 1px solid #ccc;
	width:100%;
}

/* サイトマップ */

h3.smcontentLabel1 {
	font-weight:bold;
	font-size:18px;
	margin-bottom:50px;
}

h3.smcontentLabel2 {
	font-weight:bold;
	font-size:18px;
	margin-bottom:5px;
}


.sml{
	list-style: disc !important;
	padding-left: 20px;
	line-height:150%;
}

.sml li{
	width:100%;
	padding-left: 0px;
	list-style: disc !important;
}

.sml li:nth-child(even){
	float:none;
	list-style: disc !important;
}

.sml li:nth-child(odd){
	float:none;
	list-style: disc !important;
}

/*--footer--*/

.footer{
	background-image: url(../img/foot_spring.jpg);
	background-size:  cover;  
	background-position: center; 
	text-align:left;
	margin:auto;
	height: 160px;
	margin-bottom: 0px;
	margin-top:40px;
	padding-top: 20px;
	width: 100%
	/*
	background:#ccc;
	color:#FFF;
	padding:30px 0  20px;
	display: block;
	text-align:center;
	margin:auto;
	width:100%;
	margin-top:40px;*/
}

.footer_wrap{
	display:block;
	margin:auto;
	width:100%;
	text-align:left;
	height:100px;
}

footer ul{
	display: block;
	margin: auto;
	text-align:center;
	line-height:140%;
	margin-bottom:10px;
}

footer li{
	display: block;
	padding:0 15px 0;
}


.copyright{
	color:#000;
	display:block;
	text-align:center;
	margin:0;
	margin-top:20px;
}


	
/* 表示の設定 */	
.pcOnly{
	display:none;
}

/*-----SP表示対応-----*/