@charset "utf-8";


/*--------------------------
base
----------------------------*/
* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
body{
	font-size: 16px;
	font-family: "メイリオ",Verdana,"ＭＳ Ｐゴシック",Osaka,sans-serif;
	color:#000000;
	background-color: #fefefe;
	line-height: 1.75rem;
}
img{
	max-width: 100%;
	height: auto;
}
p+p {
	margin-top: 1.5rem;
}
/*--------------------------
link
----------------------------*/
A:link {color:#660000;text-decoration: line;}
A:visited {color: #660000; text-decoration: line;}
A:hover {color:#FF3300; text-decoration: line;}
A:active {color: #660000; text-decoration: line;}

A:hover img {
    opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
	background: #000;
		}


/*--------------------------
list
----------------------------*/
ul,ol,li {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	}
	
	
/*--------------------------
table
----------------------------*/
td{font-size:90%;}

/*--------------------------
header
----------------------------*/
.header {
	background:linear-gradient(#000, #222);
	padding: 1rem 0;
}
.sitename{

	}
	
/*--------------------------
layout
----------------------------*/
.inner {
	width: 700px;
	margin: 0 auto;
}
@media screen and (max-width:719px){
	.inner {
		width: 90%;
	}
}
 /*--------------------------
style
----------------------------*/  
.pointG{color:#009966;}
.pointO{color:#FF6600;}
.pointB{color:#0099CC;}
.selif { font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; }
.mb0 { margin-bottom: 0rem; }
.mb1 { margin-bottom: 1rem; }
.mb2 { margin-bottom: 2rem; }
.mb3 { margin-bottom: 3rem; }
 /*--------------------------
dl
----------------------------*/  
.dl-style1 {
	border-bottom:1px solid #000;
	display: flex;
	flex-wrap: wrap;
} 

.dl-style1 dt,
.dl-style1 dd {
	display:inline-block;
	letter-spacing:normal;
	word-spacing:normal;
	vertical-align:top;
	border-top:1px solid #000;
	margin: 0;
	padding: 1rem 0;
}

.dl-style1 dt {
	font-weight: bold;
	width: 30%;
}

.dl-style1 dd {
	width: calc(100% - 30%);
}

/*--------------------------
youtube
----------------------------*/  
.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

/*--------------------------
footer
----------------------------*/  	
.footer{
	padding: 2rem 0;
	background:#EBEBEB;
	border-top:3px solid #CCCCCC;
}
.footer ul li {
	margin: 0px;
	display: inline;
	list-style:none;
	background:url(../img/icon/btn.gif) no-repeat;
	background-position:0px 3px;
	padding-left:15px;
	margin-right:20px;
	}	
.re-top{
	text-align:right;
	margin: 2rem 0;
}