/*
Theme Name: Majestic Heron
Author: Matsunaga Katsutoshi
Author URI: https://grey-heron.net/
Description: A theme for every Grey Heron.
Version: 1.0
License: GNU General Public License
License URI: license.txt
Tags: heron
*/


/* --------------------------------------------------------------
	Reset Default Browser CSS
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}

:focus {
	outline: 0;
}

body {
	background: #fff;
	line-height: 1;
}

ol, ul {
	list-style: none;
}

table {
	border-collapse: separate;
	border-spacing: 0;
}

caption, th, td {
	font-weight: normal;
	text-align: left;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}

blockquote, q {
	quotes: "" "";
}

a img {
	border: 0;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}

sub, sup {
	font-size: 60%;
}



/* --------------------------------------------------------------
	Structure
-------------------------------------------------------------- */

body {
	min-width: 980px;
	max-width: 1262px;
	margin: 0 auto;
	line-height: 170%;
	color: #373737;
	font-size: 0.9em;
	font-family: "ヒラギノ角ゴ ProN","helvetica neue",arial,sans-serif;
	text-align: justify;
	background-color: #fff;
	overflow: auto;
}

#page {
	display: block;
	margin: 0;
}

#main {
	display: block;
	float: left;
	margin: 0;
	padding: 30px 0 0;
}

#primary {
	float: left;
	margin: 0 220px 0 220px;
}

#secondary {
	float: left;
	width: 180px;
	margin: 0 0 0 -100%;
}

#tertiary {
	float: left;
	width: 180px;
	margin:  0  0 0 -180px;
}

article {
	margin: 0;
	padding: 0 0 50px;
}

.alignleft {
	display: inline;
	float: left;
}

.alignright {
	display: inline;
	float: right;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}



/* --------------------------------------------------------------
	Text
-------------------------------------------------------------- */

h2 {
	margin: 1em 0;
	font-size: 130%;
}

h3 {
	margin-top: 2em;
	padding-bottom: 0.4em;
	font-size: 116%;
}

p {
	margin: 1em 0;
}

blockquote {
	margin: 1.5em 0;
	padding: 10px 30px;
	border: 1px solid #ddd;
	color: #444;
	background: #fcfcfc;
	box-shadow: inset 0 10px 12px -5px rgba(190, 200, 210, 0.3), inset 0 -10px 12px -5px rgba(190, 200, 210, 0.3);
}

hr {
	margin: 1.5em 0;
	border: none;
	border-top: 1px solid #bbb;
	clear: both;
}

pre {
	padding: 10px 20px;
	border-left: 6px solid #ddd;
	background-color: #f5f5f5;
	overflow: auto;
	width: 90%;
}



/* --------------------------------------------------------------
	Link
-------------------------------------------------------------- */

a {
	text-decoration: none;
}

a:link {
	color: #356dba;
}

a:visited {
	color: #356dba;
}

a:hover {
	color: #99c0f7;
}



/* --------------------------------------------------------------
	Images
-------------------------------------------------------------- */

a img {
	border: none;
	box-shadow: 5px 5px 5px #aaa;
}

p img {
	margin-bottom: 0.5em;
}

img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
.attachment img,
.widget-area img {
	max-width: 100%;
	height: auto;
}

img.alignleft {
	margin: 5px 25px 20px 5px;
	float: left;
}

img.alignright {
	margin: 5px 5px 20px 25px;
	float: right;
}

.wp-caption {
	padding: .5em;
	text-align: center;
}

.wp-caption img {
	margin: .25em;
}

.wp-caption .wp-caption-text {
	margin: .5em;
}

.gallery-caption {
	margin: .5em;
}

.wp-smiley {
	margin: 0;
}



/* --------------------------------------------------------------
	Header
-------------------------------------------------------------- */

#head-image {
	width: 100%;
	height: 157px;
	background-image: url(https://grey-heron.net/wp-content/themes/majesticheron/images/herons.jpg);
}

#site-title {
	margin: 0;
	padding: 18px 50px 113px;
	line-height: 1;
	font-size: 180%;
	font-weight: bold;
}

#site-title a {
	text-decoration: none;
	color: #fff;
	text-shadow: 2px 2px 0px #999;
}

#site-title a:hover {
	color: #ddd;
}



/* --------------------------------------------------------------
	Navigation-Menu
-------------------------------------------------------------- */

nav {
	display: block;
	float: left;
	margin: 0 auto 1em;
	width: 100%;
	margin: 0 auto -1px;
	line-height: 1;
	list-style-type: none;
	border-top: 1px solid #eee;
	text-align: center;
	background-color: #b5b5b5;
	background: linear-gradient(to bottom, #d9d9d9, #b5b5b5);
}

#navigation ul {
	width: 980px;
	margin: auto;
	list-style: none;
	text-align: center;
}

#navigation li {
	float: left;
}

#navigation a {
	display: block;
	padding: 8px 20px;
	text-align: center;
	border-left: 1px solid #eee;
	color: #fff;
	font-size: 0.9em;
	text-shadow: 1px 1px 0 #999;
	font-weight: bold;
	background-color: #b5b5b5;
	background: linear-gradient(to bottom, #d9d9d9, #b5b5b5);
}

#navigation a:hover,
#navigation.current a {
	color: #e3e3e3;
	background-color: #bbb;
}



/* --------------------------------------------------------------
	Content
-------------------------------------------------------------- */

article {
	margin: 0;
	padding: 0 0 40px;
	overflow: hidden;
}

article h2 {
	margin-top: 0;
	padding: 0.2em 0 0.2em 20px;
	font-size: 117%;
	font-weight: bold;
	color: #7e7e7e;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #ddd;
	background: #eaeaea;
	background: linear-gradient(to bottom, #f5f5f5, #e2e2e2);
}

article h2 a:link,
article h2 a:visited {
	color: #7e7e7e;
}

article h2 a:hover {
	color: #ddd;
	text-shadow: 1px 1px 0 #888;
}

.post-info {
	margin: 0;
	padding: 0;
	font-size: 0.8em;
	overflow: auto;
}

.post-info li {
	float: left;
	padding: 0 20px;
	color: #888;
	list-style: none;
}

.post-info li a,
.post-info li visited,
.post-info li hover {
	color: #888;
}

.basic-content {
	margin: 0;
	padding: 0 20px 0;
}



/* --------------------------------------------------------------
	Sidebar
-------------------------------------------------------------- */

dl.sidebar-1,
dl.sidebar-2 {
	margin: 0;
}

dl.sidebar-1 dt,
dl.sidebar-2 dt {
	margin: 0 0 5px;
	padding: 4px 15px 2px;
	font-size: 0.9em;
	color: #fff;
	text-shadow: 1px 1px 0 #999;
	font-weight: bold;
	background: #b5b5b5;
	background: linear-gradient(to bottom, #e2e2e2, #b5b5b5);
}

dl.sidebar-1 dt.forum-list {
	border-top: 1px solid #eaeaea;
	border-bottom: 1px solid #e1e1e1;
	color: #999;
	text-shadow: none;
	background: #e4e4e4;
	background: linear-gradient(to bottom, #f8f8f8, #e4e4e4);
}

dl.sidebar-2 dt.vanish {
	display: none;
}

dl.sidebar-1 dd,
dl.sidebar-2 dd {
	margin: 0 0 5px;
	padding: 10px 15px;
	line-height: 1.5;
	font-size: 0.9em;
	color: #616161;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	background: #ffffff;
	box-shadow: inset 0 10px 12px -5px rgba(190, 200, 210, 0.3), inset 0 -10px 12px -5px rgba(190, 200, 210, 0.3);
}

dl.sidebar-1 dd ul,
dl.sidebar-2 dd ul {
	margin: 0;
	padding: 0;
	font-size: 1em;
}

dl.sidebar-1 dd ul li,
dl.sidebar-2 dd ul li {
	list-style: none;
	padding: 2px 0;
}

#sarch-box-special {
	margin: 0;
	padding: 2px 2px 2px 2px;
	box-shadow: none;
	border: none;
	background: #b5b5b5;
	background: linear-gradient(to bottom, #e2e2e2, #b5b5b5);
}

#searchform {
	margin-bottom: 0;
}

#s {
	width: 63%;
	margin: 4px 1px 4px 5px;
}

input#searchsubmit {
	margin: 0;
}

.default-color a,
.default-color hover,
.default-color visited {
	color: #fff;
}

.sidebar-image {
	margin: 0 0 5px -4px;
}



/* --------------------------------------------------------------
	Calendar
-------------------------------------------------------------- */

#calendar {
	margin: 20px 0 20px;
	padding: 0;
	border: none;
	box-shadow: none;
}

table.calendar {
	width: 100%;
}

.calendar caption {
	margin: 0 0 5px 0;
	text-align: center;
	font-size: 1em;
	font-weight: bold;
	color: #aaa;
	background: #fff;
}

#previous-month {
	padding: 0 15px 0 0;
	font-size: 0.9em;
}

#next-month {
	padding: 0 0 0 15px;
	font-size: 0.9em;
}

a:link#previous-month,
a:visited#previous-month,
a:link#next-month,
a:visited#next-month {
	color: #a2b9e4;
}

a:hover#previous-month,
a:hover#next-month {
	color: #b9cdfc;
}

.calendar tbody {
	border: 1px solid #ddd;
}

.calendar th,
.calendar td {
	padding: 0;
	text-align: center;
	border: 1px solid #ddd;
	line-height: 1.8;
	font-size: 75%;
	font-weight: bold;
}

.calendar th {
	color: #ffffff;
	text-shadow: 1px 1px 0 #999999;
	font-weight: bold;
	line-height: 2;
	background: #b5b5b5;
	background: linear-gradient(to bottom, #e2e2e2, #b5b5b5);
}

.calendar td {
	padding: 0;
	color: #888888;
}

.calendar td.today {
	color: #ffffff;
	text-shadow: 1px 1px 0 #999999;
	font-weight: bold;
	background: #b5b5b5;
	background: linear-gradient(to bottom, #e2e2e2, #b5b5b5);
}

.calendar td a,
.calendar td a:visited {
	display: block;
	color: #999999;
	font-weight: bold;
	background: #eaeaea;
	background: linear-gradient(to bottom, #f5f5f5, #e2e2e2);
}

.calendar td a:hover {
	border-color: #84dafe;
	color: #ffffff;
	background: #dadada;
}



/* --------------------------------------------------------------
	Others
-------------------------------------------------------------- */

.screen-reader-text {
	display: none;
}

p.return {
	margin: 0 30px;
	padding: 0.7em 0;
	text-align: right;
	clear: both;
}

#nav-below {
	margin: 1em 0;
	padding: 0.8em 20px;
	list-style: none;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	background: #ececec;
	background: linear-gradient(to bottom, #f8f8f8, #ececec);
}

.clear {
	clear: both;
}

.nc a:link,
.nc a:hover,
.nc a:visited {
	color: #666;
}

#error {
	padding: 30px 0 0;
	text-align: center;
}

#blank {
	visibility: hidden;
	line-height: 0;
	color: #fff;
}



/* --------------------------------------------------------------
	Footer
-------------------------------------------------------------- */

footer {
	padding: 3em 0;
	border-top: 1px solid #dcdcdc;
	background: #dadada;
	background: linear-gradient(to bottom, #f5f5f5, #dadada);
	text-align: center;
	color: #666;
	font-size: 0.8em;
}

footer p {
	margin: 0;
}



/* --------------------------------------------------------------
	Page
-------------------------------------------------------------- */

body.page article header h2 {
	margin: 25px -50px 45px;
	text-align: center;
	font-weight: bold;
	font-size: 250%;
	font-family: serif;
	letter-spacing: 0.1em;
	color: #9c9c9c;
	background: none;
	border: none;
}

div.forum-content,
div.article-content {
	margin: 25px -20px;
	padding: 30px 50px;
	border: solid 1px #ddd;
	background-color: #fcfcfc;
	border-radius: 8px;
	background: #fefeff;
	box-shadow: inset 0 10px 12px -5px rgba(190, 200, 210, 0.3), inset 0 -10px 12px -5px rgba(190, 200, 210, 0.3);
	overflow: hidden;
}

/* --------------------------------------------------------------
	Forum-page
-------------------------------------------------------------- */

div.entry-content h2 {
	margin-bottom: 0;
	padding: 0.3em 10px;
	font-size: 120%;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #ddd;
	background: #e2e2e2;
	background: linear-gradient(to bottom, #f5f5f5, #e2e2e2);
}

hr.long {
	margin: 25px auto;
	width: 100%;
	border: solid 1px #dedede;
	clear: both;
}



/* --------------------------------------------------------------
	Newspaper-page
-------------------------------------------------------------- */

p.article-headline {
	margin: 20px auto 35px;
	text-align: center;
	font-weight: bold;
	font-size: 250%;
	letter-spacing: 0.1em;
	color: #adadad;
}

div.article-newspaper-name {
	margin: 0.5em 1.5em 1.2em 0;
	padding: 0.4em 0.8em;
	border: solid 1px #ddd;
	border-radius: 4px;
	font-size: 2em;
	color: #888;
	font-weight: bold;
	font-family: serif;
	letter-spacing: 0.1em;
	background: #fefeff;
	box-shadow: inset 0 10px 12px -5px rgba(190, 200, 210, 0.2), inset 0 -10px 12px -5px rgba(190, 200, 210, 0.2);
	float: left;
}

div.article-newspaper-name a {
	color: #888;align-content;
}

div.article-date {
	padding-top: 3em;
	border: none;
	font-size: 1em;
	color: #888;
	font-weight: bold;
	float: left;
}

div.article-title {
	margin: 2.2em auto 1.2em;
	line-height: 1.6em;
	font-size: 1.6em;
	font-weight: bold;
	color: #777;
	text-align: center;
	clear: both;
}

div.article-title span {
	display: inline-block;
	text-align: left;
}

figure.article-img {
	display: table;
	width: 10px;
	float: right;
	margin: 0.5em 0 0.5em 1.5em;
	border: 1px solid #aaaaaa;
}

img.article-img-v {
	width: auto;
	height: 240px;
	max-width: 240px;
	max-height: 240px;
	margin-bottom: -7px;
	padding: 7px;
	border-bottom: 1px solid #aaaaaa;
	box-shadow: none;
}

img.article-img-h {
	width: 240px;
	height: auto;
	max-width: 240px;
	max-height: 240px;
	margin-bottom: -7px;
	padding: 7px;
	border-bottom: 1px solid #aaaaaa;
	box-shadow: none;
}

figcaption.article-img-cp {
	display: block;
	margin: 14px 10px 7px;
	line-height: 1.4;
	font-size: 80%;
}

p.return-np {
	margin: 0 10px;
	padding: 0.7em 0;
	text-align: right;
}

.article-content tbody td {
	padding: 7px 7px 0;
}

.article-content tfoot td {
	padding: 7px 12px 7px;
	line-height: 1.4em;
	text-align: justify;
}

td.a-date {
	width: 120px;
	padding: 0.8em 1.5em;
}

td.a-np-name {
	width: 100px;
	padding: 0.8em 1.5em;
}

td.a-title {
	padding: 0.8em 1.5em;
}



/* --------------------------------------------------------------
	iframe
-------------------------------------------------------------- */

figure.image-right {
	margin: 10px 3px 0 27px;
	padding: 0;
	float: right;
}

iframe.map {
	display: block;
	margin: 0 auto 10px;
	padding: 0;
	width: 240px;
	height: 180px;
	border: solid 1px #999;
	box-shadow: 5px 5px 5px #aaa;
}

.map-caption {
	margin: -5px auto 0;
	padding: 0 0 0 13px;
	text-align: center;
	color: #666;
	font-size: 80%;
}




/* --------------------------------------------------------------
	Decoration
-------------------------------------------------------------- */

.bgb {
	background: #fdfeff;
	box-shadow: inset 0 10px 12px -5px rgba(190, 200, 210, 0.3), inset 0 -10px 12px -5px rgba(190, 200, 210, 0.3);
}

.sgb {
	background: #fdfeff;
	box-shadow: inset 0 15px 12px -10px rgba(255, 255, 255, 0.7), inset 0 -25px 12px -10px rgba(190, 200, 210, 0.1);
}

.silver {
	background: #fbfbfb;
	background: linear-gradient(to bottom, #ffffff, #fdfefe 50%, #f2f3f5 90%, #ebecef);
}

.green {
	background: #ebffe6;
	background: linear-gradient(to bottom, #fbfffa, #ebffe6);
}

.yellow {
	background: #ffffef;
	background: linear-gradient(to bottom, #fffffa, #ffffe3);
}

.blue{
	background: #f5f8ff;
	background: linear-gradient(to bottom, #feffff, #f5f8ff);
}

.purple {
	background: #f3efff;
	background: linear-gradient(to bottom, #fdfbff, #f3efff);
}



/* --------------------------------------------------------------
	投稿時decoration
-------------------------------------------------------------- */

.padding-70 {
	padding: 0 70px;
}



/* --------------------------------------------------------------
	Table
-------------------------------------------------------------- */

table {
	margin: 1em 0;
	border: 1px solid #ccc;
	background-color: #fff;
}

td.caption {
	margin: auto;
	padding-bottom: 0.3em;
}

div.caption-left {
	text-align: left;
}

th,
td {
	padding: 0.3em 10px;
	font-size: 0.9em;
	border-collapse: separate;
	border-spacing: 1px;
	border: 1px solid #ddd;
	color: #444;
}

th {
	color: #888;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
}

td {
	color: #444;
	font-weight: normal;
}



/* --------------------------------------------------------------
	Contact-form
-------------------------------------------------------------- */

#wpcf7-f4005-p3781-o1 .nfm-1 {
	padding: 5px;
	border: solid 1px #bfbfbf;
	background: #fff;
	border-radius: 2px;
	box-shadow: 0 0 4px #d3d3d3;
}

#wpcf7-f4005-p3781-o1 .nfm-2 {
	width: 85%;
	border: solid 1px #bfbfbf;
	background: #fff;
	border-radius: 2px;
	box-shadow: 0 0 4px #d3d3d3;
}

#wpcf7-f4005-p3781-o1 #nfm-button {
	padding: 4px 7px;
	border: 1px solid #bfbfbf;
	font-size: 100%;
	font-weight: bold;
	color: #727272;
	background: #fff;
	border-radius: 4px;
	box-shadow: 0 0 4px #d3d3d3;
}

#cf-1 {
	margin: 5px 0 20px 0;
	text-align: center;
}

#cf-2 {
	width: 82%;
	margin: auto;
}

#cf-3 {
	text-align: center;
}

#cf-4 {
	color: #fff;
}

.wpcf7 {
	margin-left: 75px;
}

#cf7-name {
	margin: 45px 0 0 0;
}

#cf7-email {
	margin: 10px 0 0 0;
}

#cf7-title {
	margin: 10px 0 0 0;
}

#cf7-message {
	margin: 10px 0 0 0;
}

#cf7-button {
	margin: 15px 0 20px 0;
}



/* --------------------------------------------------------------
	各種ページへの個別対応
-------------------------------------------------------------- */

#forum {
	border: none;
	border-collapse: separate;
	border-spacing: 2px;
}

#forum td {
	width: 25%;
	padding: 0.7em 1.6em;
	font-size: 1em;
}

table.photo td.caption {
	margin: auto;
	padding: 20px 0 0 !important;
	text-align: left !important;
	line-height: 150%;
}

#photo-fw {
	margin: 0 -30px;
}

.simple-block {
	margin: 1.5em 0;
	padding: 20px 30px 10px;
	border: 1px solid #ccc;
	border-radius: 4px;
	color: #444;
}

.decorative-block {
	margin: 1.5em 0;
	padding: 20px 30px 10px;
	background: none repeat scroll 0 0 #fff;
	border: 1px solid #ddd;
	border-radius: 5px;
	box-shadow: 0 10px 12px -3px rgba(190, 200, 210, 0.2) inset, 0 -10px 12px -3px rgba(190, 200, 210, 0.2) inset;
	color: #444;
}

span.bold-green {
	font-weight: bold;
	color: #538558;
	margin-right: 20px;
}

h4.voice-title {
	font-weight: bold;
	color: #538558;
	text-align: left;
}

span.recording-date {
	font-weight: normal;
	font-size: normal;
	color: #444;
}

h4.voice-title input {
	margin-left: 10px;
}

section.dt-profile {
	margin-bottom: 3em;
}



/* --------------------------------------------------------------
	写真集
-------------------------------------------------------------- */

table.photo {
	height: 350px;
	margin: 0 1.2em; 
	padding: 0;
	border: none;
	background: #fff;
	float: left;
}

td.photo-image {
	width: 240px;
	height: 280px;
	margin: 0;
	padding: 0;
	text-align: center;
	vertical-align: bottom;
	border: none;
	background: #fff;
}

td.caption {
	width: 200px;
	height: 60px;
	padding: 0 10px 0;
	text-align: center;
	vertical-align: top;
	border: none;
	font-size: 80%;
	background: #fff;
}



figure.photo-image {
	position: relative;
	width: 240px;
	height: 350px;
	margin: 0 1.2em; 
	padding: 0;
	float: left;
}

figure.photo-image img {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: -77px auto 77px;
}

figure.photo-image figcaption {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	width: 210px;
	height: 60px;
	margin: auto;
	padding: 0 10px 0;
	line-height: 1.4;
	text-align: justify;
	font-size: 80%;
}



/* -----------------------
	越冬飛来数
--------------------------*/

.wt {
	width: 100%;
	margin: -30px auto 0;
	text-align: center;
	opacity: 0.9;
}

figure.wt {
	float: left;
	height: 300px;
	margin: 2em 1.2em 1em;
	padding: 0;
	position: relative;
	width: 170px;
}

figure.wt figcaption.caption-above {
	margin-bottom: -25px;
	height: 20px;
	text-align: center;
	font-size: 0.8em;
	color: #333;
}



/* -----------------------
	Social-link
--------------------------*/

ul.social-link {
	display: flex !important;
	flex-direction:row;
	justify-content: center;
	margin: auto;
	height: 32px;
	list-style-type: none;
	list-style-position: outside;
	opacity: 0.7;
}

li.social-icons a img {
	display: inline-block;
	margin: 0 9px 0 9px;
	box-shadow: none;
}

dl.sidebar-2 dd ul li {
	padding: 0;
}



/* --------------------------------------------------------------
	北海道のページ
-------------------------------------------------------------- */

.hkd-banner-1 {
	margin: 20px auto;
	padding: 10px;
	width: 250px;
	text-align: center;
	border: 1px solid #ddd;
	background: #fefeff;
	box-shadow: inset 0 10px 12px -5px rgba(190, 200, 210, 0.2), inset 0 -10px 12px -5px rgba(190, 200, 210, 0.2);
}

.hkd-banner-2 {
	margin: 20px auto;
	padding: 10px;
	width: 425px;
	text-align: center;
	border: 1px solid #ddd;
	background: #fefeff;
	box-shadow: inset 0 10px 12px -5px rgba(190, 200, 210, 0.2), inset 0 -10px 12px -5px rgba(190, 200, 210, 0.2);
}

#tps-1 {
	margin: 30px auto 15px;
	text-align: center;
}

#tps-2 {
	margin: 0 auto 20px;
}

#tps-3 {
	font-size: 95%;
}

#tps-4 {
	font-size: 95%;
}

#tps-5 {
	text-align: center;
}

#tps-6 {
	font-size: 95%;
}

td.tps-table {
	text-align: center;
	vertical-align: middle;
}

#tps-cg-1 {
	width: 50px;
}

#tps-cg-2 {
	width: 40px;
}

#tps-cg-3 {
	width: 120px;
}

#tps-cg-4 {
	width: 160px;
}

#tps-cg-5 {
	width: 55px;
}

#tps-cg-6 {
	width: 115px;
}

#tps-cg-7 {
	width: 115px;
}

#tps-cg-8 {
	width: 130px;
}

#mps-1 {
	text-align: center;
	margin: 4em -100px;
}

#mps-2 {
	width: 700px;
}



/* --------------------------------------------------------------
	合唱曲ページ対応
-------------------------------------------------------------- */

.chorus-1 {
	width: 530px;
	margin: auto;
	padding: 30px 50px;
	overflow: hidden;
	background: none repeat scroll 0 0 #FEFEFF;
	border: 1px solid #DDDDDD;
	border-radius: 8px 8px 8px 8px;
	box-shadow: 0 10px 12px -5px rgba(190, 200, 210, 0.3) inset, 0 -10px 12px -5px rgba(190, 200, 210, 0.3) inset;
}

.chorus-2 {
	margin: auto;
	padding: 0 0 1.8em 0;
	text-align: center;
}

.chorus-3 {
	padding: 0 0 0 40px;
	width: 250px;
	float: left;
}

.chorus-4 {
	padding: 0 0 0 20px;
	width: 220px;
	float: left;
}

.chorus-5 {
	clear: both;
	margin: 50px auto 10px;
	padding: 0;
	font: 1.6em;
	text-align: center;
}

p a span.board {
	margin: 0 5px;
	padding: 7px 10px;
	border: none;
	font-size: 100%;
	font-weight: bold;
	color: #818181;
	text-shadow: 1px 1px 0 #fff;
	text-transform: uppercase;
	border-radius: 4px;
	background: #dadada;
	background: linear-gradient(to bottom, #ececec, #dadada);
}




/* --------------------------------------------------------------
	特別のページ
-------------------------------------------------------------- */

p.question-line-1 {
	margin: 6px 0 0 0;
}

p.question-line-2 {
	margin: 0 0 6px 30px;
}




/* --------------------------------------------------------------
	動画集ページ
-------------------------------------------------------------- */

h2.movie-title {
	margin-bottom: 0;
	text-align: center;
	color: #fff;
	text-shadow: 1px 1px 0 #999;
	background: #b5b5b5;
	background: linear-gradient(to bottom, #e2e2e2, #b5b5b5);
}

figure.movie-content {
	margin: 0 auto 50px;
	padding: 30px 0 30px;
	text-align: center;
	border: 1px solid #ddd;
	border-top: none;
	background: #ffffff;
	box-shadow: inset 0 10px 12px -5px rgba(190, 200, 210, 0.3), inset 0 -10px 12px -5px rgba(190, 200, 210, 0.3);
}

figcaption.movie-note {
	width: 560px;
	margin: auto;
	text-align: justify;
}




/* --------------------------------------------------------------
	reCAPTCHAロゴ非表示
-------------------------------------------------------------- */

.grecaptcha-badge {
	visibility: hidden;
}




/* --------------------------------------------------------------
	IE用ハック
-------------------------------------------------------------- */

.page-title,
.article-headline,
#cf-title {
	display: none;
}




/* --------------------------------------------------------------
	desktopとmobile-phoneの切り替え
-------------------------------------------------------------- */

.mobile-phone-only {
	display: none;
}




/* --------------------------------------------------------------
	ページナビ（プラグイン）の中央揃え
-------------------------------------------------------------- */
.wp-pagenavi {
	text-align: center;
}




/* --------------------------------------------------------------
	クイズページ
-------------------------------------------------------------- */

section.quiz {
	width: 93%;
	margin: 30px auto 20px;
	clear: both;
}

section.quiz h3 {
	font-size: 100%;
	width: 93%;
	margin: 0 0 3px 30px;
	text-indent: -30px;
}

section.quiz ul {
	margin: 0 0 65px 20px;
}

li.A-correct,
li.A-false {
	float: left;
	cursor: pointer;
	display: inline-block;
	margin: 0 8px 10px;
	padding: 3px 8px;
	color: #333;
	border-radius: 3px;
	border: #ccc 1px solid;
	background: #fbfbfb;
	background: linear-gradient(to bottom, #ffffff, #fdfefe 50%, #f2f3f5 90%, #ebecef);
}




/* --------------------------------------------------------------
	声のページ
-------------------------------------------------------------- */

.voice-image {
	width: 25px;
	margin-left: 20px;
	display: inline-block;
}

.voice-title {
	margin-bottom: 15px;
}