.my_tagsize h1,
.my_tagsize h2,
.my_tagsize h3{
	padding:		0 0 0 0; 
	margin:			5px 0 5px 0;
	font-size:		14px;
}
.my_tagsize h4,
.my_tagsize h5,
.my_tagsize h6{
	padding:		0 0 0 0; 
	margin:			5px 0 5px 0;
	font-size:		14px;
}

.my_tagsize16 h1,
.my_tagsize16 h2,
.my_tagsize16 h3{
	padding:		0 0 0 0; 
	margin:			5px 0 5px 0;
	font-size:		16px;
}
.my_tagsize16 h4,
.my_tagsize16 h5,
.my_tagsize16 h6{
	padding:		0 0 0 0; 
	margin:			5px 0 5px 0;
	font-size:		16px;
}

.my_tagsize18 h1,
.my_tagsize18 h2,
.my_tagsize18 h3{
	padding:		0 0 0 0; 
	margin:			5px 0 5px 0;
	font-size:		18px;
}
.my_tagsize18 h4,
.my_tagsize18 h5,
.my_tagsize18 h6{
	padding:		0 0 0 0; 
	margin:			5px 0 5px 0;
	font-size:		18px;
}

.my_tagsize24 h1,
.my_tagsize24 h2,
.my_tagsize24 h3{
	padding:		0 0 0 0; 
	margin:			5px 0 5px 0;
	font-size:		24px;
	background-color:	#ffffff;
	color:			#000000;}

body{
	/*font-family:’Meiryo, sans-serif;	*/
    font-family: Verdana, "Hiragino Maru Gothic Pro", "游ゴシック", YuGothic, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.snsshare {
width: 100%;
height: 80px;
margin-bottom: 10px;
}
.snsshare a {
width: 33%;
height: 25px;
margin-bottom: 10px;
padding: 14px 0;
float: left;
font-size: 18px;
font-weight: bold;
color: #ffffff;
text-align: center;
letter-spacing: 0.1em;
display: inline-block;
text-decoration: none;
}
.snsshare a:hover {
color: #ffffff;
text-decoration: underline;
}
.snsshare a#share_fb {
background-color: #3B5998;
border-bottom: 1px solid #3C5A98;
height: 55px;
}
.snsshare a#share_tw {
background-color: #00ACEE;
border-bottom: 1px solid #0193CB;
height: 55px;
}
.snsshare a#share_hatena {
background-color: #008FDE;
border-bottom: 1px solid #007BBF;
height: 55px;
}
.snsshare a#share_feedly {
background-color: #70CA3B;
border-bottom: 1px solid #69A205;
height: 55px;
}
.snsshare a#share_google {
background-color: #D43D37;
border-bottom: 1px solid #8D2D1D;
}
.snsshare a#share_line {
background-color: #00C300;
border-bottom: 1px solid #21AA10;
}

iframe { max-width: 100%; }

.video-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
  }
.video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  }


.card {
    /* Add shadows to create the "card" effect */
	background-color:	#ffffff;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    transition: 0.3s;
    padding: 0 5px 0 5px;
}

/* On mouse-over, add a deeper shadow */
.card:hover {
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
}

/* Add some padding inside the card container */
.cardcontainer {
    padding: 2px 16px;
}

h2.midashi {
  border-left: 15px solid #f39700;
  padding: 7px;
  background: #f2dec1;
}

h3.midashi {
  border-left: 15px solid #f39700;
  padding: 7px;
  background: #f2dec1;
}