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

*, *: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くらいで表示されます。以下イメージあり！*/
	}
}