/*.....................................................................
	reset.css (ブラウザリセット)
	version v1
	copylight petarna co.,ltd.
	date 2017.10.01
.....................................................................*/
@charset "UTF-8";

* {
	margin:0;
	padding:0;
	border:0;
}

/* padding、borderの値をwidthに含める */
*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
       -o-box-sizing: border-box;
      -ms-box-sizing: border-box;
          box-sizing: border-box;
}

/*		
	font-size 基本サイズ(10px == 100% == 1em)へ設定
	算出:(基本サイズ / デフォルトサイズ) [ 10px/16px= 62.5% ]
	!ブラウザフォントが16px標準設定されていると仮定
=======================================================================*/

* {
	font-size: 62.5%;
	-ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;	
}

span,
h1,h2,h3,h4,h5,h6,
p,blockquote,pre,abbr,address,
cite,code,del,dfn,em,
img,
ins,kbd,q,samp,small,
strong,sub,sup,var,
b,i,
dt,dd,li,
fieldset,
label,
th,td {
	line-height: 1.5;
}

strong,
span {
  font-size: inherit;
	font-weight: inherit;	
}

/*隣接セルのボーダーを重ねて、間隔を0にする*/
table {
	border-collapse:collapse;
	border-spacing:0;
}

ul,
ol{
	margin-left: 1em;
	margin-right: 1em;	
}

dl {
	margin-left: 0.5em;
	margin-right: 1em;	
}

nav ul,
nav ol,
nav dl {
	margin: 0;
}

nav li{
	list-style:none;
}

a {
	text-decoration: none;	
}

hr {
  display:block;
  height:1px;
  border:0;
  border-top:1px solid #cccccc;
  margin:1em 0;
  padding:0;
}

input,
select,
img {
	vertical-align:middle;
}

button {
  width: auto;
  font-family: inherit;
  overflow: visible;
  border-radius: 0;
  background-color: transparent;
}

input[type="text"],
textarea {
  padding: 0.5em;
  border: solid 1px #626262;
}

input[type=button],
input[type=submit],
button {
  cursor: pointer;
}

/*
  デバイス 0px~1024px
=======================================================================*/
@media screen and (max-width: 1024px) {

ul,
ol,
dl {
	margin-left: 0;
	margin-right: 0;	
}
  
}

/*
	typography	 
=======================================================================*/

body * {
	font-size: 1.6rem;
  font-weight: 100;  
}

h1 {
  padding: 0.25em 0;
	font-size: 2.6rem;
}

h2 {
  padding: 0.25em 0;
	font-size: 2.5rem;
}

h3 {
  padding: 0.25em 0;
	font-size: 2.4rem;
}

h4 {
  padding: 0.25em 0;
	font-size: 2.3rem;
}

h5 {
  padding: 0.25em 0;
	font-size: 2.2rem;
}

h6 {
  padding: 0.25em 0;
	font-size: 2.1rem;
}

p {
  padding: 0.5em 0;
}

dt {
  margin: 0.5rem 0rem;
  font-size: 1.7rem;
  font-weight: bold;
}

dd {
  margin: 0.5rem 1.5rem;
}

li {
  margin: 0.5rem 1rem;
}

/*
  デバイス 0px~1024px
=======================================================================*/
@media screen and (max-width: 1024px) {

h1 {
	font-size: 2.4rem;
}

h2 {
	font-size: 2.3rem;
}

h3 {
	font-size: 2.2rem;
}

h4 {
	font-size: 2.1rem;
}

h5 {
	font-size: 2rem;
}

h6 {
	font-size: 1.9rem;
}

dd {
  margin: 0.5rem 1rem;
}
  
}