/* TOC+カスタマイズ　ここから */

/* フォント読み込み */
@import url('https://fonts.googleapis.com/css?family=Mandali');

/*全体設定*/
#toc_container {
  display: block;
  width: 100%;
  background: #fff;
  border: 1px solid #ccc;
  box-sizing: border-box;
  line-height: 1;
  margin: 36px auto;
  padding: 1em 2em;
}

/*目次のタイトル*/
#toc_container .toc_title {
	font-family: "Unica One", cursive;
  text-align: center;
  margin-top: 0 0 0 35px;
  padding: 0.4em 0;
  font-size: 2em;
  border-bottom: 2px solid #dedede;
}

/*ul全体の設定*/
#toc_container ul {
    list-style: none;
    margin-bottom: 0;
}

/*li全体の設定*/
#toc_container ul li {
    margin: 0;
    padding-left: 0;
    text-indent: 0;
}

/*小見出し*/
#toc_container ul a {
	display: inline-block;
	text-decoration: none;
	color: #444;
	border-bottom: 1px dotted #ccc;
	font-size: 14px;
}

/*大見出し*/
#toc_container .toc_list > li > a {
	border-bottom: 1px solid #ccc;
	font-size: 16px;
}

/*大見出しのアイコン*/
#toc_container .toc_list > li > a:before {
    font-family: FontAwesome;
    content: '\f02c';
    color: #454545;
    font-size: 100%;
    padding-right: 5px;
}

/*小見出しのアイコン*/
#toc_container li li > a:before {
    font-family: FontAwesome;
    content: '\f00c';
    color: #454545;
    font-size: 100%;
    padding-right: 5px;
}

#toc_container ul ul {
	padding: 1em 0 1em 1em;
}

#toc_container li {
	margin-bottom: 0.8em;
	padding-bottom: 0.2em;
}

/***** コンタクトフォーム *****/
.table-contactform7{
  overflow: hidden;
table-layout: fixed;
}
 
.required-contactform7{
  padding: 5px;
  background: #DE8686;
  color: #fff;
  border-radius: 3px;
  margin-right: 3px;
}
 
.unrequired-contactform7{
  padding: 5px;
  background: #BDBDBD;
  color: #fff;
  border-radius: 3px;
  margin-right: 3px;
}
 
.table-contactform7 th{
  font-weight:bold;
}
 
.table-contactform7 input,
.table-contactform7 textarea{
  max-width: 90% !important;
  margin: 5px 10px 10px 5px;
}
 
.address-100 input{
  max-width: 90% !important;
  margin: 5px 10px 10px 5px;
}
 
.message-100 textarea{
  width: 100%;
  margin: 5px 10px 10px 5px;
}
 
@media screen and (min-width: 900px){
  .table-contactform7 th{
    width:28%;
  }
    }
     
@media screen and (max-width: 900px){
.table-contactform7{
  display:block;
}     
       
  .table-contactform7 tbody,
  .table-contactform7 tr{
    display: block;
    width: 100%;
  }
  .table-contactform7 th{
  width:100%;
  display:block;
  margin: 0 auto;
  border:none;
}
.table-contactform7 td{
  display: list-item;
  list-style-type:none;
  margin:0;
  padding:0;
  width: 100%;
  border-top: none !important;
}
}

.cwpr_clearfix h3::before{
	content:none;
}

