@charset "UTF-8";
/* CSS Document */

*{
	font-size: 100%;
}
body {
	font-family: 'ms p gothi', 'ＭＳ Ｐゴシック', Osaka, sans-serif;
	background-color: #fff;
	width:100%;
	color: #555;
	font-size: 12px;
	word-wrap:break-word;
}
body, div, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ul, ol, li, img {
	margin: 0;
	padding: 0;
	border: none;
}
li {
	list-style:none;
}
.alpha a:hover img {
	opacity: 0.5;
	filter: alpha(opacity=50);
	-ms-filter: "alpha(opacity=50)";
}
.clearfix:after {
  content: "";
  clear: both;
  display: block;
}
.col {
	margin:40px 0;
}
.col p{
	margin:10px 0 20px;
	line-height:1.5em;
}
p.Year {
	padding-bottom:2px;
	border-bottom:1px solid #FFA64D;
	margin-bottom:2px;
}
.CenterTxt {
	text-align:center;
}
#Footer {
	background: url(../img/bg_footer.jpg) no-repeat;
	background-size: 100%;
}
#Footer p{
	text-align:center;
	padding:120px 0 60px;
}
/*SPレイアウト用*/
/*-------------------------------------------*/
@media only screen and (max-width: 375px) {
img.SpLogo {
	width:220px;
}
}
@media only screen and (max-width: 414px) {
.Main img {
	width:100%;
}
h1.Logo {
	width:300px;
	margin:20px auto;
}
h1.Logo img {
	width:300px;
}
#btn_navi {
	width:100%;
	background-color:#777;
	padding:18px 0;
	display:block;
}
#btn_navi img{
	width:25px;
	margin:0 auto;
}
#btn_navi a{
	display:block;
	text-align:center;
}
.Gnav {
	display:none;
	width:100%;
    background-color: rgba(255,255,255,0.8);
}
.Gnav ul {
	width:100%;
}
.Gnav ul li {
	width:100%;
	margin:0 auto;
	padding: 15px 0 10px;
	clear:both;
	border-top:1px solid #CCC;
}
.Gnav ul li a {
	display:block;
	text-align:center;
}
.SpNone {
	display:none;
}
.DispSp img.SpMain {
	width:100%;
}
img.SpLogo {
	max-width:320px;
}
.CenterImg {
	text-align:center;
}
.Conts {
	width:300px;
	margin:0 auto;
}
.Conts img {
	width:300px;
}
h2.Title {
	width:300px;
	margin:20px auto;
}
h2.Title img{
	width:300px;
}
}

@media only screen and (min-width: 420px) {
.DispSp {
	display:none;
}
.Conts {
	width:400px;
	margin:0 auto;
}
h2.Title {
	width:600px;
	margin:20px auto;
}
h2.Title img{
	width:600px;
}
}

/*Tabletレイアウト用*/
/*-------------------------------------------*/
@media only screen and (max-width: 768px) {
body {
	background-image:none ;
}

.MainConts {
	width:100%;
}
.Logo {
	position: static;
	width:400px;
	margin:20px auto 0;
}
.Logo img {
	width:400px;
}
.Main img {
	width:94%;
	float:right;
}
.Gnav {
    max-width: 600px;
    position: static;
    margin:0 auto;
}
.Gnav li {
	float:left;
	margin:20px 5%;
}
.SnsArea {
    width: 100px;
    margin: 0 auto 20px;
}
.SnsArea li {
	float: left;
}
.pl20 {
	padding-left:20px;
}
}
@media only screen and (min-width: 769px) {
.DispTab {
	display:none;
}
}

/*PCレイアウト用*/
/*-------------------------------------------*/
@media only screen and (min-width: 769px) {
body {
	width:100%;
}
.Header {
	width:1024px;
	margin:30px auto;
}
h1.Logo {
	width:222px;
	float:left;
	margin-top:20px;
}
h1.Logo img {
	width:222px;
}
.Gnav {
	width:400px;
	float:right;
}
.Gnav li {
	float:left;
	margin:10px 3%;
}
.PcNone {
	display:none;
}
#btn_navi {
	display:none;
}
h2.Title {
	width:1000px;
	margin:0 auto;
}
h2.Title img{
	width:1000px;
}
.Contents {
	width:100%;
}
.SnsArea {
	position: fixed;
	bottom: 0px;
	right: 20px;
}
.SnsArea li {
	padding-bottom:20px;
}
}