@charset "UTF-8";

/*
Theme Name: Sample Theme
Theme URL: http:touhiro.jp/
Description: This is my sample theme.
Version:
Author:
Author URL:
Tags:
*/

/* #################################################################################################################### */
/* #################################################################################################################### */
/* ▼create table of contents
*/
.create_toc {
	width: auto;
	display: table;
	margin: 0 0 30px 0;
	padding: 10px;
	color: #333;
	word-break: break-all;
	word-wrap: break-word;
	border: #ccc solid 1px;
	border-radius: 3px;
	background-color: #fafafa;
}
.create_toc .toc_title {
	margin: 0;
	padding: 0;
	text-align: center;
	font-weight: bold;
}
.create_toc .toc_toggle {
	font-weight: normal;
	font-size: 90%;
}
.create_toc ul, .create_toc ul li {
	background: 0 0;
	list-style-type: none;
	list-style: none;
	margin: 0;
	padding: 0;
}

.create_toc ul li {
	text-decoration:underline;
	line-height:180%;
	color:#666666;
	list-style-type: none;
	padding:1px 6px 1px 20px;

	background:url(/wp-content/themes/original/images/gr_icon_link_right.png);
	background-repeat: no-repeat;
	background-position: 5px 8px;
}
.create_toc .toc_list {
	margin: 0;
	padding: 0;
}
.create_toc ul ul {
	margin-left: 1.5em;
}
.create_toc a {
	text-decoration: none;
	text-shadow: none;
}
/*
.anchor {
  padding-top: 110px;
  margin-top: -110px;
}
*/


/* #################################################################################################################### */
/* #################################################################################################################### */
/* ▼create table of contents V2
*/

/* 目次 */ 
.create_toc_v2 {}

.create_toc_v2 ul,
.create_toc_v2 ol {
	border: none !important;
	padding: 0 0 0 15px !important;
	background-color: #fff5f5 !important;
}

.create_toc_v2 ul li,
.create_toc_v2 ol li {
	border: none !important;
}

.create_toc_v2 ul li:before, ol li:before {
	content: '';
	width: 5px;
	height: 5px;
	display: inline-block;
	border-radius: 100%;
	background: #ff0000;
	position: relative;
	left: -5px;
	top: -3px;
}

.create_toc_v2 a {
	color: #4e4e4e !important;
	border: none !important;
}

/*== 開閉式もくじ ==*/
.create_toc_v2 .contents_box {
	border: 1px solid #fadcdc;
	padding: 10px;
	border-radius: 10px;
	background-color: #fff7f7;
}

/*== 開閉文字装飾 ==*/
.create_toc_v2 .contents_box .title {
	padding: 5px 0 5px 0;
	margin: 0 0 5px 0;
	cursor:pointer;

	border-radius: 5px;        /* CSS3草案 */  
	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 5px;   /* Firefox用 */  
	color:#d64f4f !important;
	font-weight:bold;
}

/*== 開閉文字装飾 ==*/
.create_toc_v2 .contents_box label {
	padding: 5px 15px 5px 15px;
	cursor:pointer;

	margin:0 3px 10px 3px;
	border-radius: 5px;        /* CSS3草案 */  
	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 5px;   /* Firefox用 */  
	color:#ffffff !important;
	background-color:#00c4d6;
}

/*開く*/
.create_toc_v2 .contents_box label:before{
	display: inline-block;
	content: " 開く ";/*"表示"などに変更可*/
}

/*閉じる*/
.create_toc_v2 .contents_box input:checked ~ label:before {
	content: "閉じる";/*"非表示"などに変更可*/
}

.create_toc_v2 .contents_box input{display:none;}

/*最初は非表示*/
.create_toc_v2 .contents_box .hidden_show{
	height:0;padding:0;overflow:hidden;transition:0.8s;
}

/*クリックでopen*/
.create_toc_v2 .contents_box input:checked ~ .hidden_show{
	padding: 10px 0;height:auto;
}