@charset "utf-8";

/* body */
body {
	color:#1a1a1a;
	margin:0px auto;
	padding:200px 0px 0px 0px;      /* ヘッダー固定部分 */
	background:#fff url(../../img/bg1.gif) repeat;
	background-position:center;
	font-family: "Helvetica Neue", Arial, Meiryo, "Meiryo UI", "Hiragino Kaku Gothic ProN", "Hiragino Sans", system-ui, sans-serif;
	max-width:1080px;
	line-height:1.4;
	-webkit-text-size-adjust: 100%;
	text-size-adjust: none;
}

/* コンテンツ */
h1 { font-size:40px; font-weight:bold; margin:0px 5px 0px 10px; }
p { font-size:36px; margin:0px 5px 0px 10px; }
header, footer { max-width:1080px; z-index:99; }
ul { font-size:36px; }
.small ul { font-size:32px; }

.header_fix { width: 100%; min-width:300px; position: fixed; top: 0px; }
.title_bar1 { width: 100%; height:120px; text-align:center; border:0px; background:#fff url(../../img/title_bg1_sp.gif) repeat;}
.title_bar2 { width: 100%; height:60px; text-align:center; border:0px; background:#fff url(../../img/title_bg2_sp.gif) repeat;}
.title_logo { margin: 30px 0 0 0; }

.back { margin:5px 0px 5px 20px; text-align:left; float:left; }
.back a{ font-size:28px; font-weight:bold; text-decoration: none; color:white; }
.back img {width:50px; height:50px; vertical-align:middle; }
.back span { vertical-align:middle; }

table { margin:0px auto 30px auto; text-align:justify; border-collapse:collapse }
.td_1 { width:190px; padding:20px 0px; vertical-align:top; }
.td_2 { padding:20px 20px 20px 0px; vertical-align:top; }
.td_2 a { font-size:36px; }
table .left img { float:left; margin:0px 20px 10px 0px; }
table .right img { float:right; margin:0px 0px 10px 20px; }
table tr { border-top:10px solid #6cc }

img { padding-left:15px; }

.footer { 
	height:50px;
	font-size:28px;
	font-weight:bold;
	color:white;
	padding:18px;
	text-align:center;
	line-height:40px;
	background-color:#f89;
}

/* 上に戻るボタン */
.pagetop{
  width: 80px;
  height: 80px;
  position: fixed;
  right: 0;
  bottom: 20px;
  opacity: 0.8;
}
.pagetop a{
  width: 80px;
  height: 80px;
  text-decoration: none;
}
.pagetop a::before{
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: '\f0aa';
  font-size: 80px;
  color: ForestGreen;
}

.bold{
	font-weight: bold;
	color: deepskyblue;	
}

.left-space { margin-left : 190px ; }

.url a { 
	font-family: Meiryo; 
	font-weight:bold;
	color:#00f;
	text-decoration:underline;
	font-size:36px;
}

.utube
{
	display: block ;
	border: ridge 4px #8cf;
	width: 500px ;
	margin: 20px auto;
	padding: 10px 0 ;
	border-radius: 10px ;
	font-size: 32px;
	color: #fff ;
	font-weight: bold ;
	background-color: #09f ;
	text-align: center ;
	text-decoration: none ;
}

.yoko {
	display:flex;
	overflow-x:scroll;
	text-align:center;
}

.yoko img {
	width:65vw;
	padding:2vw;
}

/********************************************************
          　　　 　　　　　　　　　文字点滅
　　　　　　　<span class="blinking">点滅させたい文字</span>
*********************************************************/

.blinking{
	font-size: 24px;
	font-weight: bold;
	color: red;
    -webkit-animation:blink 1.5s ease-in-out infinite alternate;
    -moz-animation:blink 1.5s ease-in-out infinite alternate;
    animation:blink 0.7s ease-in-out infinite alternate;
}
@-webkit-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@-moz-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}