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

/*初期値クリア設定*/

body {
    -webkit-text-size-adjust: 100%;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,table,th,td,figure,address {
	padding: 0;
	margin: 0;
	line-height: 1.0;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	-webkit-font-feature-settings: "palt";
	font-feature-settings: "palt";
}
h1,h2,h3,h4,h5,h6 {
	font-weight: normal;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	-webkit-font-feature-settings: "palt";
	font-feature-settings: "palt";
}

img {
    border: none;
    width: auto;
    height: auto;
    width: 100%;
    max-width: 100%;
    max-height: 100%;
    text-align: center;
    vertical-align: bottom;
}


ul li, ol li {
    list-style-type: none;
}
i {
	font-size: 100%;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

hr {
	border: none;
}

/*初期値クリア設定ここまで*/


/*テキストリンク設定*/
a {
	text-decoration: none;
	color: #555;
}
/*テキストリンク設定ここまで*/


/*マウスオーバー設定*/
a:hover {
	opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}

a:hover img.hoverimg {
	opacity: 0.8;
	filter:alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}
.fade {
    -webkit-transition: 0.3s ease-in-out;
       -moz-transition: 0.3s ease-in-out;
         -o-transition: 0.3s ease-in-out;
            transition: 0.3s ease-in-out;
}
.fade:hover {
    opacity: 0.8;
    filter: alpha(opacity=80);
} 
/*マウスオーバー設定ここまで*/


/*clearfix設定*/

.clearfix {zoom:1;}
.clearfix:after {
  content: ""; 
  display: block; 
  clear: both;
}

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

/*clearfix設定ここまで*/

/*印刷時の改ページ指定*/
.print {
	page-break-after: always;
}
/*印刷時の改ページ指定ここまで*/


/*ページTOPに戻る指定*/
#page-top{
	width:50px;
	height:50px;
	display:none;
	position:fixed;
	right:16px;
	bottom:16px;
}
 
#page-top p{
	margin:0;
	padding:0;
	text-align:center;
	background:#3b3b3b;
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	transition:all 0.3s;
}
 
#page-top p:hover{
	background:#8b8b8b;
}
 
#move-page-top{
	color:#fff;
	line-height:50px;
	text-decoration:none;
	display:block;
	cursor:pointer;
}
.clear {
	font-size: 12px;
	line-height: 1.3em;
	height: auto;
	width: 100%;
	padding-top: 20px;
	padding-bottom: 20px;
	color: #FFF;
}

/*ページTOPに戻る指定ここまで*/


html {
	width: 100%;
	min-height: 100%;
}
body {
	
}
header {
	width: 100%;
}
footer {
	width: 100%;
}

/*基本フォン設定*/

/* =======================================
// フォントサイズの設定（rem単位）
// ======================================= */

/* スマートフォン（デフォルト） */
/* htmlのフォントサイズを基準に16pxに設定します */
@media only screen and (max-width: 767px) {
	html {
		font-size: 15px;
	}
}

/* タブレット（768px以上） */
/* タブレットの画面では、基準のフォントサイズを少し大きくします */
@media screen and (min-width:768px) and ( max-width:999px) {
	html {
		font-size: 15px;
	}
}

/* PC（1000px以上） */
/* PCの画面では、さらに基準のフォントサイズを大きくします */
@media (min-width: 1000px) {
	html {
		font-size: 15px;
	}
}

/* =======================================
// 各要素のフォントサイズ
// ======================================= */

body {
  /* htmlの基準サイズ（スマホなら16px）の1.125倍になります */
  font-size: 1rem; /* 18px */
  line-height: 1.7;
}

h1 {
  /* htmlの基準サイズ（スマホなら16px）の2.5倍になります */
  font-size: 2.5rem; /* 40px */
}

h2 {
  /* htmlの基準サイズ（スマホなら16px）の1.75倍になります */
  font-size: 1.75rem; /* 28px */
}

p {
  /* htmlの基準サイズ（スマホなら16px）の1倍になります */
  font-size: 0.95rem; /* 16px */
}