﻿@charset "utf-8";
/* CSS Document */

body{
	box-sizing : border-box;
	padding: 0;
    margin: 0;

}

/* 画像 */
.nomenber {
 position: relative;
 z-index: 2;
 text-align:center;
 padding: 10px 0;
}

a{
	text-decoration:none;
}

.nomenber-banner {
 margin: 0 0 10px 0;
 text-align:center;
}

.nomenber-banner img {
 margin-top: 10px;
 width:95%;
 text-align:center;
}

.support {
	margin:12 0 1px 0;
	padding:8px 5px;
	background: #ffffe0;
	color:#3f2706;
	text-align:center;
	font-weight: bold;
	font-size:16px;
	border-bottom:solid 2px #c0ba8e;
	margin-bottom:5px;

	}
	
	.top-support-container{
  width: 100%;
}

.top-support-box{
  display: table;
  width: 100%;
  margin: 0px auto;
}

.top-support-box a{
  display: block;
}

.top-support-btn-left{
  display: table-cell;
  position: relative;
  width: 50%;
  font-size: 12px;
  color: #3f2706;
  padding: 12px;
  text-align: center;
  border-top:1px #c0ba8e solid;
  border-right:1px #c0ba8e solid;
  border-bottom:0px #c0ba8e solid;
  border-left:0px #c0ba8e solid;
}

.top-support-btn-left:after {
	position: absolute;
	top: 50%;
	right: 10px;
	display: block;
	content: '';
	width: 8px;
	height: 8px;
	margin-top: -5px;
	border-top: 1px solid #3f2706;
	border-right: 1px solid #3f2706;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.top-support-btn-right{
  display: table-cell;
  position: relative;
  width: 50%;
  font-size: 12px;
  color: #3f2706;
  padding: 12px;
  text-align: center;
  border-top:1px #c0ba8e solid;
}

.top-support-btn-right:after {
	position: absolute;
	top: 50%;
	right: 10px;
	display: block;
	content: '';
	width: 8px;
	height: 8px;
	margin-top: -5px;
	border-top: 1px solid #3f2706;
	border-right: 1px solid #3f2706;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.top-support-btn {
  position: relative;
  width: 100%;
  font-size: 12px;
  color: #3f2706;
  padding: 12px 0px;
  margin: 0px auto;
  text-align: center;
  border-top:1px #c0ba8e solid;
}

.top-support-btn:after {
	position: absolute;
	top: 50%;
	right: 10px;
	display: block;
	content: '';
	width: 8px;
	height: 8px;
	margin-top: -5px;
	border-top: 1px solid #3f2706;
	border-right: 1px solid #3f2706;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.top-support-btn:active {
	position: absolute;
	top: 50%;
	right: 10px;
	display: block;
	content: '';
	width: 10px;
	height: 10px;
	margin-top: -5px;
	border-bottom: 1px solid #c0ba8e;
	border-right: 1px solid #c0ba8e;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.top-support-btn-bottom {
  position: relative;
  width: 100%;
  font-size: 12px;
  color: #3f2706;
  padding: 12px 0px;
  margin: 0px auto;
  text-align: center;
  border-top:1px #c0ba8e solid;
  border-bottom:1px #c0ba8e solid;
}

.top-support-btn-bottom:after {
	position: absolute;
	top: 50%;
	right: 10px;
	display: block;
	content: '';
	width: 8px;
	height: 8px;
	margin-top: -5px;
	border-top: 1px solid #3f2706;
	border-right: 1px solid #3f2706;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

#top-support-accordion {
  margin: 0px auto;
}


#top-support-accordion dt{
  display:block;
  position: relative;
  width: 100%;
  font-size: 12px;
  color: #3f2706;
  padding: 12px 0px;
  margin: 0px auto;
  text-align: center;
  border-top:1px #c0ba8e solid;
}

#top-support-accordion dt:after {
	position: absolute;
	top: 50%;
	right: 10px;
	display: block;
	content: '';
	width: 8px;
	height: 8px;
	margin-top: -5px;
	border-top: 1px solid #3f2706;
	border-right: 1px solid #3f2706;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

#top-support-accordion dt.active{
  display:block;
  position: relative;
  width: 100%;
  font-size: 12px;
  color: #3f2706;
  padding: 12px 0px;
  margin: 0px auto;
  text-align: center;
  border-top:1px #c0ba8e solid;
}

#top-support-accordion dd{
  display:none;
  position: relative;
  width: 100%;
  font-size: 12px;
  color: #3f2706;
  margin: 0px;
  -webkit-margin-start: 0px;
  text-align: center;
}

.top-support-btn-accordion {
  position: relative;
  width: 100%;
  font-size: 12px;
  color: #3f2706;
  padding: 12px 0px;
  margin: 0px auto;
  text-align: center;
  border-top:1px #c0ba8e solid;
}

.top-support-btn-accordion:after {
	position: absolute;
	top: 50%;
	right: 10px;
	display: block;
	content: '';
	width: 8px;
	height: 8px;
	margin-top: -5px;
	border-top: 1px solid #3f2706;
	border-right: 1px solid #3f2706;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.top-support-btn-accordion-bottom {
  position: relative;
  width: 100%;
  font-size: 12px;
  color: #3f2706;
  padding: 12px 0px;
  margin: 0px auto;
  text-align: center;
  border-top:1px #c0ba8e solid;
}

.top-support-btn-accordion-bottom:after {
	position: absolute;
	top: 50%;
	right: 10px;
	display: block;
	content: '';
	width: 8px;
	height: 8px;
	margin-top: -5px;
	border-top: 1px solid #3f2706;
	border-right: 1px solid #3f2706;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

#top-support-accordion dl {
  display: block;
  -webkit-margin-before: 0px;
  -webkit-margin-after: 0px;
  -webkit-margin-start: 0px;
  -webkit-margin-end: 0px;
}
 
 /* フッター*/
.footer {
display: block;
padding: 1%;
margin: ;
text-align:left;
text-decoration: none;
font-size: 12px;
font-weight:bold;
color:#3f2706;
}