@charset "utf-8";

/*レイアウト
-----------------------------------------------------------------------------------------*/
article .bg div{
	background:none;
	padding:0;
}
#melmaga{
	width:750px;
	float:left;
	padding:0;
	margin:0;
}
#sidebar{
	width:220px;
	float:right;
	padding:15px;
	background:#FFF;
}
@media screen and (max-width: 739px) {
	#melmaga,#sidebar{width:auto;float:none;}
	#melmaga{margin-bottom:20px;}
}



/*melmaga
-----------------------------------------------------------------------------------------*/
#melmaga h3{
	padding:1em 30px;
	background:#FFF;
	border:none;
	margin:10px 0 0 0;
}
#melmaga h3.accordionopen{
	background:#FFF url(images/open1.png) right  no-repeat;
}
#melmaga h3.accordionopen.open{
	background:#FFF url(images/open2.png) right  no-repeat;
}
#melmaga h3.accordionopen:hover{
	cursor:pointer;
	background-color:#FFFF66;
}
#melmaga .mailmagazine_cnt{
	background:#FFF;
	padding:0 30px 30px 30px;
}
@media screen and (max-width: 739px) {
	#melmaga h2{margin-bottom:5px;}
	#melmaga h3{padding:1em 15px;background-size:30px;font-size:1.5em;margin-top:5px;}
	#melmaga .mailmagazine_cnt{padding:0 15px 15px 15px;}
}

/*sidebar
-----------------------------------------------------------------------------------------*/
#sidebar{
	border-top:2px solid #00B14B;
}
#sidebar h2{
	color:#00B14B;
	padding:0 0 0.2em 0;
}
#sidebar nav li{
	line-height:1.5;
}
#sidebar nav li a{
	display:block;
	padding:10px 15px;
	color:#66574B;
	border-top:1px dotted #B2ABA5;
	text-decoration:none;
}
#sidebar nav li.current_page_item a,
#sidebar nav li a:hover{
	background:#FFFF66;
}
@media screen and (max-width: 739px) {
#sidebar nav ul{display:grid;grid-template-columns: repeat( auto-fill, minmax(80px,1fr) ) ;}
}

/*form
-----------------------------------------------------------------------------------------*/
#form div{
	margin-top:30px;
	padding-bottom:20px;
}
#form div h3{
	background:#00B14B;
	padding:5px 15px;
	color:#FFF;
	font-size:1.8em;
	position:relative;
	margin-bottom:-1px;
}
#form div.touroku h3{background:#00B14B;}
#form div.henkou h3{background:#0071BC;}
#form div.kaijo h3{background:#666666;}
#form dl{
	border:1px solid #CCCCCC;
	border-top:none;
	background:#F1F1F1;
}
#form dt{
	float:left;
	width:13em;
	padding:15px;
	border-top:1px solid #CCCCCC;
}
#form dt em{
	float:right;
	padding:0 5px;
	background:#EF2E61;
	color:#FFF;
	font-size:85%;
}
#form dd{
	border-top:1px solid #CCCCCC;
	margin-left:13em;
	padding:15px;
	background:#FFFFFF;
}
/*-------------------------input text*/
#form input[type="text"],
#form input[type="email"],
#form textarea{
	width:60%;
	font-size:1em;
	line-height:1.875;
	border:1px solid #999999;
	padding:3px;
}
#form textarea{
	width:100%;
}
/*-------------------------ボタン*/
#form p.navbtn{
	margin-top:10px;
	text-align:center;
}
#form input[type="submit"]{
	border:none;
	padding:8px 3em;
	font-size:1.15em;
	line-height:1.5;
	color:#FFFFFF;
	background:#0071BC;
	box-shadow: 0 2px 0 #CCC;
	-webkit-box-shadow: 0 2px 0 #CCC;
	-moz-box-shadow: 0 2px 0 #CCC;
	border-radius: 6px;	
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	position:relative;
}
#form div.touroku input[type="submit"]{background:#00B14B;}
#form div.henkou input[type="submit"]{background:#0071BC;}
#form div.kaijo input[type="submit"]{background:#666666;}
#form input[type="submit"]:hover,
#form input[type="submit"]:focus{
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	top:2px;
}
@media screen and (max-width: 739px) {
	#form dl{background:none;}
	#form dt{float:none;width:auto;background:#F1F1F1;padding:5px 10px;}
	#form dd{padding:10px 10px;margin-left:0;border-top:none;}
	#form input{font-size:16px;}
	#form input[type="text"],#form input[type="email"],#form textarea{width:100%;margin-right:0;}
}


/*メルマガ本文
-----------------------------------------------------------------------------------------*/
.mailmagazine_cnt{line-height:1.4;}
@media screen and (max-width: 739px) {
	.mailmagazine_cnt{word-wrap: break-word;}
}
/*======================
common
======================*/
/*段落*/
.mailmagazine_cnt p{
	margin-bottom:1em;
}
.mailmagazine_cnt .font-bold{font-weight:bold;}
.mailmagazine_cnt .margin-bottom0{margin-bottom:0;}

/*タイトル*/
.mailmagazine_cnt .tt_main{
	padding:5px;
	margin-bottom:2em;
	border-left:solid 5px #000000;
	border-bottom:dotted 2px #000000;
}
.mailmagazine_cnt .tt_sub{
	display:inline-block;
	text-align:center;
	margin-bottom:1em;
}

/*リスト*/
.mailmagazine_cnt .ul-list li{
	list-style-type:disc;
	margin-left:2em;
}
.mailmagazine_cnt .ol-list li{
	list-style-type:decimal;
	margin-left:2em;
}
.mailmagazine_cnt .ul-list>li,
.mailmagazine_cnt .ol-list>li{
	margin-bottom:7px;
}
.mailmagazine_cnt .dl-list{
	overflow:hidden;
	margin-bottom:1em;
}
.mailmagazine_cnt .dl-list>dt{
	width:4em;
	float:left;
}
.mailmagazine_cnt .dl-list>dd{
	margin-left:5em;
	margin-bottom:7px;
}

/*======================
コンテンツ
======================*/
/*目次*/
.mailmagazine_cnt .table_of_contents{
	width:100%;
	padding:1em 0;
	margin-bottom:2em;
	border-top:solid 2px #000;
	border-bottom:solid 2px #000;
}

/*冒頭*/
.mailmagazine_cnt .beginning_cnt{margin-bottom:2em;}
.mailmagazine_cnt .beginning_cnt .tt_beginning{
	color:#333;
	padding:15px 0;
	margin-bottom:2em;
	border-top:dotted 2px #000000;
	border-bottom:dotted 2px #000000;
}

/*コンテンツ*/
.mailmagazine_cnt .mailmagazine_main_cnt{
	margin-bottom:2em;
}
.mailmagazine_cnt .mailmagazine_main_cnt h6{
	margin-bottom:6px;
	font-weight:bold;
}
.mailmagazine_cnt .mailmagazine_main_cnt blockquote{
	width:90%;
	font-style:italic;
	margin:0 auto 1em;
}
.mailmagazine_cnt .mailmagazine_main_inner{
	margin-bottom:2em;
}
.mailmagazine_main_inner{
	font-size:1.6em;
	line-height:1.875;
	margin-bottom:2em;
}
.mailmagazine_main_inner p,
.mailmagazine_main_inner h3,
.mailmagazine_main_inner h4,
.mailmagazine_main_inner h5,
.mailmagazine_main_inner h6,
.mailmagazine_main_inner li,
.mailmagazine_main_inner dt,
.mailmagazine_main_inner dd,
.mailmagazine_main_inner table{
	font-size:1em;
}
.mailmagazine_cnt .mailmagazine_main_inner h6{
	margin-bottom:6px;
	font-weight:bold;
}
.mailmagazine_cnt .mailmagazine_main_schedule_cnt dl{
	overflow:hidden;
	margin-bottom:1em;
}
.mailmagazine_cnt .mailmagazine_main_schedule_cnt dl dt{
	float:left;
	width:6em;
}
.mailmagazine_cnt .mailmagazine_main_schedule_cnt dl dd{
	margin-left:7em;
}
.mailmagazine_cnt .mailmagazine_case_cnt{
	padding:10px 0;
	margin-bottom:2em;
	border-top:dashed 1px #444;
	border-bottom:dashed 1px #444;
}

/*署名*/
.mailmagazine_cnt .signature_cnt{
	width:100%;
	padding:1em 0;
	margin-bottom:2em;
	border-top:solid 2px #000;
	border-bottom:solid 2px #000;
	position:relative;
}
.mailmagazine_cnt .signature_cnt h6{
	background-color:#fff;
	position:absolute;
	left:35px;
	top:-20px;
}
.mailmagazine_cnt .signature_cnt dl{
	overflow:hidden;
	margin-bottom:1em;
}
.mailmagazine_cnt .signature_cnt dl dt{
	float:left;
	width:9em;
}
.mailmagazine_cnt .signature_cnt dl dd{
	margin-left:10em;
}