/*
Theme Name: modest_child
Template:modest
Theme URI: http://isotype.blue
Version:1.0.42
Description:
Author: isotype
Author URI: http://isotype.blue
Tags: light, one-column, two-columns, three-columns, right-sidebar, left-sidebar, fluid-layout, fixed-layout, custom-colors, custom-menu, featured-images, full-width-template, post-formats, sticky-post, theme-options, threaded-comments, 
Text Domain: modest
	
	Copyright: (c) 2015 isotype
	License: GNU General Public License v3.0
	License URI: http://www.gnu.org/licenses/gpl-3.0.html
*/


/*
 * Copyright (C) 2015 isotype
 *      https://www.google.com/get/noto/
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

#header-topnavi{position:relative;padding:3px 0 3px 3px;background-color:rgba(237,235,235,0.1);border-bottom:rgba(237,235,235,0.30) 1px solid}
#header .social-links{position:absolute;right:35px;top:3px}

#header {
	position: relative;
	background-color: #fff;
	padding: 10px 0px;
	z-index: 99999;
	transition: all 300ms;
}

#header.is-stuck {
	position: fixed;
	background-color: #fff;
	padding: 0px;
	top: 0;
	left: 0;
	width: 100%;
/*	box-shadow: 0 0 3px rgba(0, 0, 0, 0.8);	*/
}
.nav-toggle-smart{display:block;cursor:pointer;position:fixed;top:10px;left:auto; right: 10px;width:40px;height:40px;z-index:999; cursor:pointer;}
#.nav-toggle-smart{display:block;cursor:pointer;position:absolute;top:1px;left:10px; width:40px;height:40px;z-index:999; cursor:pointer;}
.top-sns-disp {
	position: relative;
	width:auto;
	right: 0px; top: 0px
	text-align: right;
	padding-right: 20px;
	margin-top: -15px;
}
.top-sns-disp ul{
	list-style:none;
}
.top-sns-disp ul li{
 	display: inline-block;
 }
 .oi_post_share_icons_head{font-size:14px}
.content .oi_post_share_icons_head{margin:00px 0;clear:both}

.menu-item {
	margin-top: 0px;
	margin-botom: 0px;
	margin-right: 3px;
	background-color:#FFB74C;
	font-weight: bold;
	    border-radius: 7px;        /* CSS3 */ 
    -webkit-border-radius: 7px;    /* Safari,Google Chrome */ 
    -moz-border-radius: 7px;   /* Firefox */  
}
.title02 {
	color: #FFFFFF;
	background-color:#FFB74C;
    border-radius: 7px;        /* CSS3 */ 
    -webkit-border-radius: 7px;    /* Safari,Google Chrome */ 
    -moz-border-radius: 7px;   /* Firefox */  
	padding-left: 20px;
}
h2 {
	color: #FFFFFF;
	background-color:#FFB74C;
    border-radius: 7px;        /* CSS3 */ 
    -webkit-border-radius: 7px;    /* Safari,Google Chrome */ 
    -moz-border-radius: 7px;   /* Firefox */  
	padding-left: 20px;
}
h3 {
	color: #FFFFFF;
	background-color:#FFB74C;
    border-radius: 7px;        /* CSS3 */ 
    -webkit-border-radius: 7px;    /* Safari,Google Chrome */ 
    -moz-border-radius: 7px;   /* Firefox */  
	padding-left: 20px;
}

.featured-post-one-head {
	position: relative;
	padding-top:30px;
	}
	
.featured-post-one-head_title {
	position: absolute;
	color: #FFFFFF;
	background-color:#FFB74C;
	font-size: 25px;
	margin-top: -30px;
	border: 3px #FFB74C solid;   
	    border-radius: 7px;        /* CSS3 */ 
    -webkit-border-radius: 7px;    /* Safari,Google Chrome */ 
    -moz-border-radius: 7px;   /* Firefox */  
    padding: 7px;
}

.featured-post-one-head_main {
	position: relative;
	padding-top:10px;
	padding-left: 10px;
	}
	
.featured-post-one-head_title_main {
	position: absolute;
	color: #FFFFFF;
	background-color:#FFB74C;
	font-size: 25px;
	border: 3px #FFB74C solid;   
	    border-radius: 7px;        /* CSS3 */ 
    -webkit-border-radius: 7px;    /* Safari,Google Chrome */ 
    -moz-border-radius: 7px;   /* Firefox */  
    padding: 7px;
}

.wc-shortcodes-entry-meta-inner {
	font-size: 16px;
	margin-top: -10px;
}


.sns_button_cover {
	width: 100%;
	text-align: center;
	margin-left:3px;
}

.sns_button {
	display: inline-block;
	padding:20px 0px;
}
#header-after{background-color:#FFB74C}

.slick-prev:before,.slick-next:before{color:#000000}
a {color:#FFB74C}


#.toggle-search{font-size:16px;cursor:pointer;padding:6px 10px;display:block;position:absolute;left:0;top:-5px}
.toggle-search{display:block;cursor:pointer;position:absolute;top:1px;left:10px; width:40px;height:40px;z-index:999; cursor:pointer;}
.search-expand{display:none;background:rgba(255,255,255,.5);position:absolute;top:28px;left:0;width:340px;-webkit-box-shadow:0 1px 0 rgba(255,255,255,.1);box-shadow:0 1px 0 rgba(255,255,255,.1);z-index:998}
.search-expand-inner{background:rgba(0,0,0,.15);padding:15px}
.search-expand .themeform input{width:100%;border:2px solid #e2e2e2;border-radius:0}
 #footer,#btn li.active,#footer,.alx-tabs-nav li.active a,.lim-effect .lima-details .more-details,.mm-menu,.nav-toggle-smart span,.nav-toggle-smart:after,.nav-toggle-smart:before,.pagination .current,ul#tab-popular li:before,#nav-header ul.nav>li.current-menu-item:after{background-color:#FFB74C;color:#fff}


#nav-header ul.sub-menu li a{color:#FFF!important}
#nav-header ul.sub-menu li a:hover{color:#777!important}

.sns_button a{display: block; color: #fff; text-decoration: none;font-weight: bold;text-align: center; margin:0; padding: 0; font-size: 12px; height: 45px;line-height: 45px; width:160px;}
.sns_button a:hover {text-decoration:underline;}

.sns_button .twitter_button{display: inline-block;background: #00aced; float:left;margin: 3px;}
.sns_button .fb_button {display: inline-block;background: #3B5998; float:left;;margin: 3px;}
.sns_button .line_button{display: inline-block;background: #00d000; float:left;;margin: 3px;}
.sns_button .googleplus_button{display: inline-block;background: #db4a39; float:left;;margin: 3px;}
 
 #move-page-top,.oi_soc_icons2 li a,oi_soc_icons_head li a,.owl-theme .owl-controls.clickable .owl-buttons div:hover,a{text-decoration:none}
.oi_soc_icons_head{margin:0 auto;text-align:center}
.oi_soc_icons_head ul{list-style:none;margin:0!important}
.oi_soc_icons_head li{list-style:none!important;padding:0;float:right;margin:0 1% 1% 0}
.oi_soc_icons_head li a{font-size:80%;position:relative;display:block;color:#fff;text-align:center}
.oi_soc_icons_head li.facebook{background-color:#3c5a98;}
.oi_soc_icons_head li.twitter{background-color:#2daae2}
.oi_soc_icons_head li.googleplus{background-color:#dd4c39}
.oi_soc_icons_head li.hatebu{background-color:#0291dd}
.oi_soc_icons_head li.line{background-color:#00d000}
@media only screen and (min-width:1025px) {
.oi_soc_icons_headli{width:23%;margin:0 2% 3% 0}
.oi_soc_icons_head li a{font-size:75%;padding:1px}
.oi_soc_icons_head li i{margin-right:3px}
.oi_soc_icons_head li:nth-child(4n){margin-right:0}


*, *:before, *:after {
	box-sizing: border-box;
}


div.whatsnew {
  margin: 10px 0;
  font-size: 100%;
  word-break: break-all;
  overflow: hidden;
}

div.whatsnew a {
  padding: 7px 0;
  display: block;
  text-decoration: none;
  box-shadow: none;
}

div.whatsnew a:hover {
  background-color: #f5f5f5;
  text-decoration: none;
  box-shadow: none;
}

div.whatsnew hr {
  margin: 0;
  padding: 0;
}

div.whatsnew .newmark {
  font-size: 74%;
  padding: 1px 5px;
  vertical-align: middle;
  color: White;
  background-color: #ff4500;
  border-radius: 3px;
}

div.whatsnew dl {
  margin: 0;
  padding: 0;
  border: 0;
}

div.whatsnew dt {
  margin: 0 0 0 0.3em;
  padding: 0;
  border: 0;
  color: black;
  font-weight: normal;
  white-space: nowrap;
}

div.whatsnew dd {
  margin: 0;
  padding: 0 2px;
  color: black;
}

@media screen and (min-width: 600px) {
  div.whatsnew dl {
    overflow: hidden;
  }
  div.whatsnew dt {
    float: left;
    width: 8.1em;
    overflow: hidden;
  }
  div.whatsnew dd {
    overflow: hidden;
  }
}


.col_5{				/*col_5といいつつ、5→3になりました。*/
	width: 100%;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */
}
.col_5 > div{
	width: 33%;
	padding: 10px;
}
@media  screen and (max-width:1080px) {
	.col_5 > div{
		width: 33%;
	}
}
@media  screen and (max-width: 900px) {
	.col_5 > div{
		width: 33.333333333%;
	}
}
@media  screen and (max-width: 700px) {
	.col_5 > div{
		width: 50%;
	}
	iframe .twitter-timeline-rendered{
		width: 490px !important;
	}
}
@media  screen and (max-width: 500px) {
	.col_5 > div{
		width: 100%;
	}
	iframe.twitter-timeline-rendered {
		width: 450px !important;
		margin:0 auto;/*これを入れないとめっちゃ細く200pxくらいで表示されます。以下イメージあり！*/
	}
}