@charset "UTF-8";

/*全ページ共通
-----------------------------------------*/

body {
margin: 0px;
}

ul{
margin: 0px; /* 上下の余白削除 */
padding: 0px; /* 左の余白（箇条書きの「・」）削除 */
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}



/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}



:root {
  --black: #3a3a3a;
  --white: #fff;
  --red: #FF6F61;
}

a {
color: #0066c0;
text-decoration: none;
}

a:hover {
color: #FF6F61;
}

.main{background-color:--white;
       font-family:"メイリオ","Meiryo","Hiragino Kaku Gothic","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック","Lucida Grande",Geneva,Arial,Verdana,sans-serif;
}
.footer {
    padding: 30px 0;
    background-color: #dcdcdc;
    text-align: center; 
}



.wrapper {
	max-width:100%;
	margin: 0 auto;
	}
.header,.main,.img{
width:100%;}

body{margin:0;}
}


/*複数ページで使用
-----------------------------------------
-----------------------------------------*/
#contents {
margin: 0 auto 0;
width: 100%;
max-width: 1280px;  <!--ページ幅制御 -->
position: relative;
}