/*-------------- 以下whole --------------*/
html {
	font-size: 62.5%;      /* 10px */
}			


* {
	margin: 0px;	
	padding: 0px;          /* 全体を制御 */
}			


body {
	font-family: "Helvetica Neue", "Segoe UI", "游ゴシック Medium", YuGothic, "游ゴシック体", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	font-weight: normal;
	-webkit-text-size-adjust: 100%;		       /* iOS(8.1-8.4,9.0-9.2,9.3)のフォント拡大阻止対応 */
	width: 100%;
    min-width: 320px;
	background-color: rgb(242, 242, 242);	      
}


header, 
main, 
section, 
footer { 
	display: block;        /* HTML5の新要素のブロック化 */
}			


a {
	outline: none;         /* FF リンク後の点線枠消去 */
}			


a img {
	border-style: none;    /* リンク画像の枠線消去 */
}			
    
/*-------------- 以上whole --------------*/

/*------------- 以下header -------------*/
header {
    width: 100%;
    background-color: #faf7f7;
    box-shadow: 0.2px 0px 2px 0.5px #c4c4c4;
}

.headerContents {
    width: 80%;
    height: 70px;
    max-width: 864px;
    min-width: 320px;
    position: relative;
    margin-right: auto;
    margin-left: auto;
    padding-top: 2px;
}


.logoA {
    width: 126px;
    display: block;
    position: relative;
    top: 13px;
    margin-left: 1%;
}


.logo {
    width: 126px;
}


.design {
    font-size: 19px;
    font-weight: 600;
    color: #3e3e3e;
    text-align: center;
    width: 180px;
    float: right;
    margin-top: -25px;
    padding-right: 1%;
}

/*------------- 以上header -------------*/

/*------------- 以下footer -------------*/
footer {
    width: 100%;
    background-color: #faf7f7;
    box-shadow: 0px 0px 2px 0.5px #c4c4c4;
}


footer .footerContents {
    width: 80%;
    max-width: 864px;
    position: relative;
    margin-right: auto;
    margin-left: auto;
    padding: 20px;
}

footer .footerContents .copyright {
    font-size: 11.5px;
	color: #908888;
    text-align: center;
    width: 100%;
    display: block;
}

/*------------- 以上footer -------------*/



/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
@media screen and (max-width:767px) {

/*------------- 以下header -------------*/
.headerContents {
    height: 60px;
}


.logoA {
    width: 100px;
    top: 10px;
    margin-left: 3%;
}


.logo {
    width: 100px;
}


.design {
    font-size: 15px;
    width: 150px;
    margin-top: -19px;
    padding-right: 3%;
}

/*------------- 以上header -------------*/

/*------------- 以下footer -------------*/
footer .footerContents {
    width: 90%;
    padding: 10px 0px;
}

footer .footerContents .copyright {
    font-size: 10px;
}

/*------------- 以上footer -------------*/

}