/*
Theme Name: Twenty Seventeen Child
Theme URI: https://wordpress.org/themes/twentyseventeen/
Author: the WordPress team
Author URI: https://wordpress.org/
Template: twentyseventeen
Description: Twenty Seventeen brings your site to life with header video and immersive featured images. With a focus on business sites, it features multiple sections on the front page as well as widgets, navigation and social menus, a logo, and more. Personalize its asymmetrical grid with a custom color scheme and showcase your multimedia content with post formats. Our default theme for 2017 works great in many languages, for any abilities, and on any device.
Version: 1.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentyseventeen
Tags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready

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.
*/

/*全体フォント*/
html[lang="ja"] .site *{
    font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif !important;
}

.entry-content {
	line-height: 2.2;
}

/* 見出しh1 */
h1.entry-title {
border-left: 10px solid #e7609e;
padding: 0 0 0 15px ;
line-height: 2;
background-color: #fff;}

header.entry-header h1 {
font-size: 24px !important;
}
	
/* 見出しh2 */
h2.widget-title{
/* border-left: 5px solid #1F5E73;
border-bottom: 1px solid #1F5E73;
padding: 0 0 0 15px ;
line-height: 2;
font-size: 16px;*/
font-size: 14px;
padding: 0 0 8px 0 ;
margin: 0 0 0 0px ;
border-bottom: 1px solid #1F5E73;

background-color: #fff;
}

.widget_archive h2.widget-title{
display: none;
}

h2.entry-title a {
border-left: 10px solid #e7609e;
padding: 0 0 0 15px ;
line-height: 2;
background-color: #fff;}


/* 見出しh3 */
h3.entry-content {
border-left: 5px solid #1F5E73;
padding: 0 0 0 15px ;
line-height: 2;
font-size: 18px;
background-color: #fff;}

.entry .entry__content ul, ol {
	padding: 0;
}

.list_image {
	list-style-image: url("https://mana.koleaf.com/wp-content/uploads/2015/04/list_style_f.png");
	margin: 0 0 0 2em;
	line-height: 1.6em;
}

.list_image h2{
	font-size:24px;
}
.list_image h3{
	font-size:18px;
}
.list_image .st{
	font-size:18px;
}
.list_number {
	list-style: decimal;
	margin: 0 0 0 2em;
	line-height: normal;
}

.sp ul {
	list-style: none;
	font-size: 0;
	margin: 0;
	padding: 0;
}

.sp li {
	display: inline-block;
	vertical-align: top;
}

/*ul・olインデント変更*/
.id2 {
	margin: 0 0 2em 0;
	line-height: 1.8em;
	padding-left: 1em;
}

.id2 li {
	margin: 0 0 1.6em 0;
}

/* ソーシャルメディアアイコンを四角にする */
.social-navigation a {background-color: #767676;
 -webkit-border-radius: 8px;
 border-radius: 8px;
 color: #fff;
 display: inline-block;
 height: 40px;
 margin: 0 0.2em 0.5em 0;
 text-align: center;
 width: 40px;
}

.simcal-events{
	 margin: 0 8px !important;
}

.custom-header-media:before {
	background: -moz-linear-gradient(to top, rgba(0, 0, 0, 0) 100%, rgba(0, 0, 0, 0) 100%, rgba(0, 0, 0, 0) 100%) !important; /* FF3.6-15 */
	background: -webkit-linear-gradient(to top, rgba(0, 0, 0, 0) 100%, rgba(0, 0, 0, 0) 100%, rgba(0, 0, 0, 0) 100%) !important; /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 100%, rgba(0, 0, 0, 0) 100%, rgba(0, 0, 0, 0) 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

/*段組み*/
.ranking{
	display: table;
	max-width: 100%;
	table-layout: fixed;
	paddin: 0,0,20px,0;
}

.ranking .tcell-r{
	display: table-cell;
	width: 40%;
	font-size:11px;
	vertical-align:top;
}
.ranking .tcell-l{
	display: table-cell;
	width: 40%;
	font-size:11px;
	vertical-align:top;
}
.ranking .tcell{
	margin: 10px 10px 20px 10px;
}

.affiliate{
	display: table;
	max-width: 100%;
	table-layout: fixed;
	paddin: 0,0,20px,0;
}

.affiliate .tcell-h{
	display: table-cell;
	width: 25%;
	font-size:11px;
	vertical-align:top;
}
.ranking .tcell-s{
	margin: 0px 0px 0px 0px;
}

.ranking .line{
	display: block;
	font-size:11px;
}

/*イベント情報*/
.eventtable{
	display: table;
	max-width: 100%;
	table-layout: fixed;
	padding: 0;
	margine: 0;
	/*paddin: 0,0,20px,0;*/
	border: solid 1px;; 
}
.eventtable .eventinfo{
	display: block;
	padding: 12px 20px 0px 20px;
	margine: 0;
	/*margine-buttom: 20px;*/
}
.eventtable a {
 text-decoration:underline;
}
.eventtable a:hover {
 text-decoration:none;
 background:#666;
 color: #fff; 
 box-shadow: none;
 -webkit-box-shadow: none;
}

/*タグクラウドのデザイン*/
#tag_cloud-7 .tagcloud a {
 background:#eee;
 border:none;	
 color: #666;
 padding: 6px;
 margin:2px;
 border-radius: 3px;
 font-size:11px;
}
/*タグクラウドマウスオーバー時*/
.widget_tag_cloud .tagcloud a:hover {
 background: #ffc489; 
 color: #fff; 
}

#tag_cloud-7 .tagcloud a:hover {
 background: #ffc489; 
 color: #fff; 
}

/*問い合わせ*/
.contact-menu a {
 background: #ffc489; 
 border:none;
 color: #666;
 padding: 8px;
 margin:2px;
 border-radius: 4px;
 font-size:12px;
 box-shadow: none;
 -webkit-box-shadow: none;
}
.contact-menu a:hover {
 background:#666;
 color: #fff; 
 box-shadow: none;
 -webkit-box-shadow: none;
}

#contact-menu a:hover {
 background:#666;
 color: #fff; 
 box-shadow: none;
 -webkit-box-shadow: none;
}

/*LINE@*/
.box_lineat  {
 margin:0 0 20px;
}

.menu-contact-container img{
 margin:2px 0 0;
 height:36px;
}

/*
標準のソーシャルメニュー アイコンの背景色
*/
.social-navigation a[href*="behance.net"] { background-color: #1769ff; }
.social-navigation a[href*="codepen.io"] { background-color: #000000; }
.social-navigation a[href*="deviantart.com"] { background-color: #05cc47; }
.social-navigation a[href*="digg.com"] { background-color: #005f93; }
.social-navigation a[href*="dribbble.com"] { background-color: #f46899; }
.social-navigation a[href*="dropbox.com"] { background-color: #007ee5; }
.social-navigation a[href*="facebook.com"] { background-color: #3b5998; }
.social-navigation a[href*="flickr.com"] { background-color: #ff0084; }
.social-navigation a[href*="foursquare.com"] { background-color: #0072b1; }
.social-navigation a[href*="plus.google.com"] { background-color: #dd4b39; }
.social-navigation a[href*="github.com"] { background-color: #000000; }
.social-navigation a[href*="instagram.com"] { background-color: #CC00CC; }
.social-navigation a[href*="linkedin.com"] { background-color: #0077B5; }
.social-navigation a[href*="mailto:"] { background-color: #3579C7; }
.social-navigation a[href*="medium.com"] { background-color: #000000; }
.social-navigation a[href*="pinterest.com"] { background-color: #bd081c; }
.social-navigation a[href*="getpocket.com"] { background-color: #ee4256; }
.social-navigation a[href*="reddit.com"] { background-color: #ff4500; }
.social-navigation a[href*="skype.com"] { background-color: #00aff0; }
.social-navigation a[href*="skype:"] { background-color: #00aff0; }
.social-navigation a[href*="slideshare.net"] { background-color: #0673b2; }
.social-navigation a[href*="snapchat.com"] { background-color: #fffc00; }
.social-navigation a[href*="soundcloud.com"] { background-color: #ff5419; }
.social-navigation a[href*="spotify.com"] { background-color: #00e461; }
.social-navigation a[href*="stumbleupon.com"] { background-color: #eb4823; }
.social-navigation a[href*="tumblr.com"] { background-color: #35465c; }
.social-navigation a[href*="twitch.tv"] { background-color: #6441a4; }
.social-navigation a[href*="twitter.com"] { background-color: #55acee; }
.social-navigation a[href*="vimeo.com"] { background-color: #aad450; }
.social-navigation a[href*="vine.co"] { background-color: #00bf8f; }
.social-navigation a[href*="vk.com"] { background-color: #45668e; }
.social-navigation a[href*="wordpress.org"] { background-color: #464646; }
.social-navigation a[href*="wordpress.com"] { background-color: #21759b; }
.social-navigation a[href*="yelp.com"] { background-color: #d32323; }
.social-navigation a[href*="youtube.com"] { background-color: #cd201f; }
.social-navigation a[href*="line.me"] { background-color: #5ae628; }
.social-navigation a[href*="b.hatena.ne.jp"] { background-color: #008fde; }

/* 標準のソーシャルメニュー アイコンを四角にし間隔を変更する */
.social-navigation a {background-color: #767676;
 -webkit-border-radius: 8px;
 border-radius: 8px;
 color: #fff;
 display: inline-block;
 height: 40px;
 margin: 0 0.2em 0.5em 0;
 text-align: center;
 width: 40px;
}

/* 標準のソーシャルメニュー アイコンのフォントを大きくする */
.social-navigation .icon {
 height: 25px;
 top: 8px;
 width: 25px;
 vertical-align: top;
}

/*リボン*/
.ribbon {
    padding: 0.5em 1em;
    margin: 2em 0;
    color: #FFF;
    background: #6eb7ff;
    border-bottom: solid 6px #3f87ce;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.25);
    border-radius: 9px;
}
.ribbon p {
    margin: 0; 
    padding: 0;
}

.ribbon a {
    color: white; 
}
.ribbon a:hover {
    color: #f8aa37; 
}

/* ol　丸付き数字 */
ol.maru {
	counter-reset:number;
	list-style-type: none!important;
	padding:0.5em;
}
ol.maru li {
	position: relative;
	padding-left: 30px;
	line-height: 1.75em;
	padding: 0.5em 0.5em 0.5em 40px;
}

ol.maru li:before{
	position: absolute;
	counter-increment: number;
	content: counter(number);

	display:inline-block;
	background: #5c9ee7;
	color: white;
	font-family: 'Avenir','Arial Black','Arial',sans-serif;
	font-weight:bold;
	font-size: 14px;
	border-radius: 50%;
	left: 0;
	width: 24px;
	height: 24px;
	line-height: 24px;
	text-align: center;
	top: 25px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}