/*
Theme Name: ishin-kouji
Theme URI: https://wordpress.org/themes/twentysixteen/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Twenty Sixteen is a modernized take on an ever-popular WordPress layout — the horizontal masthead with an optional right sidebar that works perfectly for blogs and websites. It has custom color options with beautiful default color schemes, a harmonious fluid grid using a mobile-first approach, and impeccable polish in every detail. Twenty Sixteen will make your WordPress look beautiful everywhere.
Version: 1.3
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: one-column, two-columns, right-sidebar, accessibility-ready, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, flexible-header, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready, blog
Text Domain: twentysixteen

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/


/**
 * Table of Contents
 *
 * 1.0 - Normalize
 * 2.0 - Genericons
 * 3.0 - Typography
 * 4.0 - Elements
 * 5.0 - Forms
 * 6.0 - Navigation
 *   6.1 - Links
 *   6.2 - Menus
 * 7.0 - Accessibility
 * 8.0 - Alignments
 * 9.0 - Clearings
 * 10.0 - Widgets
 * 11.0 - Content
 *    11.1 - Header
 *    11.2 - Posts and pages
 *    11.3 - Post Formats
 *    11.4 - Comments
 *    11.5 - Sidebar
 *    11.6 - Footer
 * 12.0 - Media
 *    12.1 - Captions
 *    12.2 - Galleries
 * 13.0 - Multisite
 * 14.0 - Media Queries
 *    14.1 - >= 710px
 *    14.2 - >= 783px
 *    14.3 - >= 910px
 *    14.4 - >= 985px
 *    14.5 - >= 1200px
 * 15.0 - Print
 */


/**
 * 1.0 - Normalize
 *
 * Normalizing styles have been helped along thanks to the fine work of
 * Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
 */

.page-header{
	font-size: 24px;
}

.contents_frame {
	background: #eee;
	padding: 10px;
	margin-bottom: 30px;
	word-wrap:break-word;
}

.container_title {
	font-weight: bold;
	cursor: pointer;
	font-size: 30px;
	position: relative;
	color: #fff;
	background: #b3292d;
	font-size: 20px;
	line-height: 1;
	margin: 30px 20px 10px -10px;
	padding: 14px 5px 10px 50px;
	border-radius: 22px 0 0 22px;
}
.container_title .blinking {
	color: #fff;
}

.container_title span {
	font-size: 12px;
}

.container_title:before {
	content: "";
	position: absolute;
	background: #eee;
	top: 50%;
	left: 14px;
	margin-top :-10px;
	height: 20px;
	width: 20px;
	border-radius: 50%;
	box-shadow: 1px 1px 1px #777 inset;
}

.container_title:after {
	content: "";
	position: absolute;
	top: 0;
	right: -22px;
	height: 0;
	width: 0;
	height: 100%;
	border: 22px solid #b3292d;
	border-right-color: transparent;
}

.container_block {
	display: none;
}

.contents_block {
	margin-bottom: 20px;
}

.title_set_container {
	background: #74f97a;
	padding: 20px;
	font-weight: bold;
}

.title_set_container .set_line {
	font-size: 18px;
}

.title_set_container .set_title {
	font-size: 24px;
}

.image_set_container {
	display: table;
	width: 100%;
}

.image_set_container .set_image {
	display: table-cell;
	width: 40%;
}

.image_set_container .set_title {
	display: table-cell;
	width: 60%;
	font-size: 24px;
	vertical-align: middle;
	padding-left: 10px;
}


/* 点滅 */
.blinking{
	color: #ff0000;
	font-size: 20px !important;
	font-weight: bold !important;
	/*
	-webkit-animation:blink 1.5s ease-in-out infinite alternate;
	-moz-animation:blink 1.5s ease-in-out infinite alternate;
	animation:blink 1.5s ease-in-out infinite alternate;
	*/
}

.kouji_title {
	padding: 10px;
	font-size: 24px;
	font-weight: bold;
}


/*
@-webkit-keyframes blink{
	0% {opacity:0;}
	100% {opacity:1;}
}
@-moz-keyframes blink{
	0% {opacity:0;}
	100% {opacity:1;}
}
@keyframes blink{
	0% {opacity:0;}
	100% {opacity:1;}
}
*/

.container-fluid,
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
	padding-left: 5px;
	padding-right: 5px;
}

.row {
	margin-left: 0;
	margin-right: 0;
}

.mb30 {
	margin-bottom: 30px;
}

.img-responsive {
	margin: 0 auto;
}