/*/*<!--<!--*/*/@charset "UTF-8";
/* header、footer など、ベースとなる部分のCSSを書く*/

/*メディアクエリ（サンプル最後に取る）*/

/*sp（なくても良い）*/
@media screen and (min-width: 480px) { }
/*tablet 768px以上*/
@media screen and (min-width: 768px) { }
/*pc 1000px以上*/
@media screen and (min-width: 1000px) { }

html{
overflow: auto;
}
body{
overflow: hidden;
}
img{
	width:100%;
}
a{ color: #000; text-decoration: none; }
a:hover{ color:#000; }

/* 文字基準 */
html, p {
  font-size: 100%;
  font-family: 'ヒラギノ角ゴシック', 'Hiragino Sans', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', 'Meiryo', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  line-height: 1.6;
}
h1, h2, h3, h4, h5, h6 {
	font-family: "Noto Sans Japanese;
}
/* 文字基準 */

/*header*/
header{
    display: block;
	background-image:url(../images/bg_top.png);
	background-repeat: repeat-x;
}
header .mar-style{
	width: calc(100% - 10px);
	margin: 0 auto;
	position: relative;
}
@media screen and (min-width: 768px) {
	header .mar-style{
		max-width: 1000px;
		width: auto;
		margin: 0 auto;
		height: 680px
	}
}
header .wide-style{
	width: 100%;
	margin: 0 auto;
}

/*contents*/
.contents{
	position: relative;
	width: auto;
}
.contents .mar-style{
	width: calc(100% - 10px);
	margin: 0 auto 40px;
}
@media screen and (min-width: 768px) {
	.contents .mar-style{
		max-width: 1000px;
		width: auto;
		margin: 0 auto 40px;
	}
}
.contents .wide-style{
	width: 100%;
	margin: 40px auto;
}

/*parts*/
.alpha a:hover {
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -ms-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
  opacity: 0.5;
  filter: alpha(opacity=50);
  -ms-filter: "alpha(opacity=50)";
}
.fade {
	opacity: 1;
}

#page-top {
	position: fixed;
	bottom: 50px;
	right: 20px;
}
#page-top a{
	width: 0;
height: 0;
border-style: solid;
border-width: 0 20px 30px 20px;
border-color: transparent transparent #c11163 transparent;

}
/*parts*/