@charset "utf-8";

/* CSS Document */

/* ------------------------------
common
------------------------------ */
/* img hover */
a:hover img{
	opacity:0.7;
	filter:alpha(opacity=70);
	-ms-filter: “alpha( opacity=70 )”;
}
.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

h1,h2,h3,h4,h5,h6 {font-weight: bold;}
.h1,.h2,.h3,.h4,.h5,.h6 {font-weight: bold;}

.row-eq-height {
    display: flex;
    flex-wrap: nowrap;
}

@-webkit-keyframes modify{
      0% { padding-top: 4rem; margin-top: -4rem; }
    100% { padding-top: 0; margin-top: 0; }
}
@keyframes modify{
      0% { padding-top: 4rem; margin-top: -4rem; }
    100% { padding-top: 0; margin-top: 0; }
}

h2:target,p:target {
    -webkit-animation: modify 0.01s;
    animation: modify 0.01s;
}

/* common and for smartphone */

html {
  
  font-size:100%;
}

body {
	font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";
	background: url(../img/body_bg.png) #FFCC66;
	color: #000 ;
  font-size:16px;
  line-height: 1.7;
}

h2 {
	background: url(../img/h2bg.png) no-repeat 100%;
  background-size: initial;
  background-position: center;
	text-align: center;
  font-weight: bold;
  font-size: 1.6rem;
  padding: 1.6rem 0;
  text-shadow:
    white 3px 0px,  white -3px 0px,
    white 0px -3px, white 0px 3px,
    white 3px 3px , white -3px 3px,
    white 3px -3px, white -3px -3px,
    white 1px 3px,  white -1px 3px,
    white 1px -3px, white -1px -3px,
    white 3px 1px,  white -3px 1px,
    white 3px -1px, white -3px -1px;
}

p {
    margin-bottom:2rem;    
    font-size: 16px;
    line-height:1.7;
}

section {
    margin-top: 2rem;
    margin-bottom: 2rem;
}

/*
a:link {
	color:blue;
	text-decoration: underline; 
}

a:visited {
	color: #999;
	text-decoration: underline;
}

a:hover, a:active, a:focus { 
	text-decoration: none;
}
*/

main {
	background: url(../img/body_bg2.png) #FFC;

}


.div_header2 {
  margin-bottom: 30px;
}


dl.div_update{
	font-size: 85%;
	font-weight:bold;
}
 


/* for md size- */
@media only screen and (max-width:991px) {
    
h2 {
  font-size: 1.2rem;

}
}