/*! WpTHK Child CSS */
/* WpTHK WordPress Theme - free/libre wordpress platform
 *
 * @copyright Copyright (C) 2015 Thought is free.
 * @license http://www.gnu.org/licenses/gpl-2.0.html GPL v2 or later
 * @author LunaNuko
 * @link http://thk.kanzae.net/
 * @translators rakeem( http://rakeem.jp/ )
 *
 * This program is free software; you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation; either version 2 of the License, or
 * (at your option) any later version.
 *
 *   Theme Name: WpTHK Child Theme
 *   Template: wpthk
 *   Text Domain: wpthkch
 *   Theme URI: http://thk.kanzae.net/wpthk/
 *   Description: SEO optimized, Responsive layout, Super Fast, Multi Feature, Bootstrap
 *   Author: LunaNuko
 *   Author URI: http://thk.kanzae.net/
 *   License: GNU General Public License v2 or later
 *   License URI: http://www.gnu.org/licenses/gpl-2.0.html
 *   Tags: one-column, two-columns, three-columns, right-sidebar, left-sidebar, custom-header, custom-background, custom-colors, custom-menu, theme-options, featured-image-header, editor-style, sticky-post, threaded-comments, translation-ready
 *   Text Domain: wpthkch
 *   Since: 20151206
 *   Modify: 20161026
 *   Version: 3.01
 *   Template Version: 3.
 *
 * ここから上を消すと正しく動作しなくなることがあります。
 * ( Erasing the elements above here might cause system issues. )
*/

/* 以下、好みに応じて子テーマ用のスタイルをお書きください。
 * ( Below here, please write down your own styles for the child theme. )
*/

/*
ヘッダー領域
*/

#head-in p {
	margin: 0;
}
.sitename {
	width:100%;
	background-color:#71208b;
}
.sitename img {
	width: 100%;
	max-width: 880px;
}



/*
コンテンツ領域
*/

#core {
	padding: 0;
}
#main{
	max-width: 100%;
}
#main .entry-title {
	background-color: #fa4bb6;
	color: #ffffff;
	padding: 0.4em;
	font-size:14px;
}

.entry-title-taxonomy {
	background-color: #71208b;
	font-weight: bold;
	font-size:14px;
	color: #ffffff;
	padding: 0.4em;
	margin-top: -35px!important;
}

.post h2 {
	background-color: #19b9b8;
	border-left: none;
	color: #ffffff;
	padding: 0.5em;
	font-size:14px;
}
h2.entry-title a {
	color: #fff;
}
.post h2.entry-title02 {
	background-color: #ff6699;
	margin-bottom: 0;
}
.post h3 {
	background-color: #F8EBFF;
	color:#370057;
	font-size: 16px;
	padding: 4px 4px 4px 8px;
	margin: 0 0 8px 0;
	border-bottom:1px solid #9C52C7;
	
}
#main .entry-title:before, .post h2:before, #side .side-title:before {
	color: #ffff00;
	content: "\f0d7";
	font-family: "FontAwesome";
	margin-right: 0.3em;
}

/*
サイドバー領域
*/

#side .side-title {
	/*background-color: #42aaff;*/
	background-color: #71208b;
	color: #ffffff;
	padding: 0.4em;
	font-size:14px;
}
#side ul li {
	font-size:x-small;
}
.widget {
	padding: 0 !important;
}
.widget ul {
	padding:0 0 10px 10px;
}

.main_menu_osusume:before{
	content:"\f005"; font-family:"FontAwesome";color:#ff0000;
}
.main_menu_new:before{
	content:"\f005"; font-family:"FontAwesome";color:#0000ff;
}
.main_menu_2shot:before{
	content:"\f005"; font-family:"FontAwesome";color:#000000;
}
.main_menu_video:before{
	content:"\f005"; font-family:"FontAwesome";color:#000000;
}
.main_menu_deai:before{
	content:"\f005"; font-family:"FontAwesome";color:#000000;
}
.main_menu_appli:before{
	content:"\f005"; font-family:"FontAwesome";color:#000000;
}


/*
フッター領域
*/

#footer {
    color:black;
}






/*
以下オリジナルのスタイル
*/






/*
記事内の修飾
*/

.emph1 {
	color: #ff0000;
	font-weight: bold;
}
.emph2 {
	color: #FF8C00;
	font-weight: bold;
}
.emph3 {
	color: #008000;
	font-weight: bold;
}
.emph4 {
	color: #0000ff;
	font-weight: bold;
}
.emph5 {
	color: #9400d3;
	font-weight: bold;
}
.speak_male {
	color: #3683c9;
	font-weight: bold;
}
.speak_female {
	color: #ff64ba;
	font-weight: bold;
}


/*
記事内のボックス
*/

.post .box01 p:last-child, .post .box02 p:last-child {
	margin-bottom: 0;
}

.post .box01 {
	background-color: #fff799;
	padding: 20px;
}

.post .box02 {
	background-color: #E1F0BB;
	padding: 20px;
}

.post .box03 {
	border: 2px solid #e3c8ff;
	background-color: #f9f7fb;
	/*padding: 15px;*/
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	margin-right: 10px;
	clear: both;
}
.post .box03 p {
	font-size: 12px;
	padding: 12px;
	margin:0;
}
.post .box03 h5 {
    background-image: url(/images/pointer_greenchecked.png);
    background-position: left 3px;
    background-repeat: no-repeat;
    background-size: 16px auto;
    font-size: 16px;
    font-weight:bold;
    line-height: 1.5;
    margin: 20px 0 0 10px;
    padding: 0 0 0 28px;
    overflow: hidden;
}


/*
マーキー
*/
.marquee01 {
	background: #fa4bb6;
	overflow: hidden;
	padding: 0;
	line-height:14px;
}
.marquee01 p {
	color: #ffffff;
	font-size:8px;
	display: inline-block;
	margin: 0;
	padding-left: 100%;
	white-space: nowrap;
	animation-name: marquee01;
	animation-duration: 10s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
}
@keyframes marquee01 {
	from { transform: translate(0); }
	to { transform: translate(-100%); }
}
.marquee02 {
	background: #cc66ff;
	overflow: hidden;
	padding: 0.15em;
}
.marquee02 p {
	font-size: small;
	color: #ffffff;
	display: inline-block;
	margin: 0;
	padding-left: 100%;
	white-space: nowrap;
	animation-name: marquee02;
	animation-duration: 20s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
}
@keyframes marquee02 {
	from { transform: translate(0); }
	to { transform: translate(-100%); }
}


/*
サイトリストの修飾
*/
.block_ranking {
	padding:16px 8px;
}

div.block_ranking:nth-child(2n+1) {
	background-color: #FCDCDC;
}
div.block_ranking:nth-child(2n) {
	background-color: #FFF0F0;
}
.block_ranking p {
	margin-bottom: 0;
}

.block_ranking_header {
}

.block_ranking_header h3:first-child {
	margin-top:0;
}

.block_ranking_star {
}

.block_ranking_image {
}

.block_ranking_image img {
	float: left;
	margin-right: 4px;
}

.block_ranking_kind {
}

.block_ranking_desc {
}

.more {
	display: inline-block;
	text-align: center;
	width: 100%;
}


/*
ボタン
*/
.button_ad_link a {
	display: block;
	text-align: center;
	width: 100%;
	max-width: 100%;
	color: #fff !important;
	background-color: #9E208D;
	font-size: 18px;
	line-height: 18px;
	padding: 25px 0;
	margin: 5px 0;
	font-weight: bold;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	box-shadow: 0 3px 0 rgba(106,57,6,1);
	text-decoration: underline;
}
.button_ad_link a:hover {
	color: #fff !important;
	background-color: #a40000;
	box-shadow: 0 3px 0 rgba(106,57,6,1);
}
.button_ad_link span.tokuten_pr {
	font-size: 12px;
	color: yellow;
}
.button_ad_link span.tokuten_pr:after {
	content: "\A" ;
	white-space: pre ;
}


/*
お知らせページのお知らせブロック
*/
.updateinfo{
	
}

.updateinfo dl{
	width: auto;
	padding:10px;
	font-size:1.3rem;
	line-height:160%;
}
.updateinfo dl,
.updateinfo dt,
.updateinfo dd {
  box-sizing: border-box;
}

.updateinfo dl{
}
.updateinfo dt{
	width: 7em;
	float: left;
}
.updateinfo dd{
	margin-left: 7em;
}
.updateinfo dd:after {
  content: '';
  display: block;
  margin-bottom:5px;
  clear: both;
}
.updateinfo dd a{
	text-decoration:none;
}


/*
フッターリンク
*/
div.footerlink{
	text-align:center;
	font-size:12px;
}

div.footerlink ul li{ 	
    display: inline;
    margin:8px;
}





/*
以下レスポンシブスタイル
*/







/* 991px and under (サイドバーが下に来た時の調整) */
@media print, (max-width: 991px) {

.head-cover, .info {
    width:100%;
}

.marquee02 {
}

#main .entry-title {
	margin-bottom: 0;

}

.post h2 {
	margin-bottom: 4px;
	margin-top: 0;
}

.post h2.entry-title02 {
	margin-top: 0;
}

.post .box01 {
	padding: 0.3em;
}

.post .box01 p {
	font-size: x-small;
}

.block_ranking_header h3 {
	font-size: x-small;
	margin-bottom: 0;
}

.block_ranking_detail{
	padding: 8px;
}
.block_ranking_detail_image img{
	width: 100%;
}

.block_ranking p {
	font-size: x-small;
}

.block_ranking_tokuten {
	font-size: x-small;
}

.block_ranking_star {
	font-size: x-small;
}

.block_ranking_desc {
	clear: both;
}

#breadcrumb {
	margin: 2px 5px;
}

#breadcrumb li {
	font-size: x-small !important;
}

.post p {
	font-size: x-small;
}

.wp-caption-text {
	font-size: x-small !important;
}

.container, #primary, #core, #side .widget, .pnavi {
	margin-left: 0px !important;
	margin-right: 0px !important;
	padding-left: 0px !important;
	padding-right: 0px !important;
	padding: 0 !important;
    margin: 0 !important;
    width:100% !important;
	border: 0px solid transparent;
}

#related, .related{
 	margin-left: 0px !important;
	margin-right: 0px !important;
}

article .type-post p, article .type-page p {
	padding:8px;
}

aside #sns-bottoms{
	padding:8px;
}


.post .wp-caption-text {
	padding:.3em .8em;
	color:gray;
}
}




/*
ヘッダーをwidth:100%に
*/
@media screen and (min-width: 1200px){
.logo, #head-band-in, div[id*="head-band"] .band-menu, #header .head-cover {
    max-width:100% !important;
}
}
@media screen and (min-width: 992px){
.logo, #head-band-in, div[id*="head-band"] .band-menu, #header .head-cover {
    max-width:100% !important;
}
}
@media screen and (min-width: 768px){
.logo, #head-band-in, div[id*="head-band"] .band-menu, #header .head-cover {
    max-width:100% !important;
}
}
