@charset "utf-8";

/*========================

全ページ

========================*/

/*------------------------

ベース

------------------------*/

* {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	transition:all 0.3s ease;
	}
	
img {
	max-width:100%;
	}
	
html {
	overflow-y:scroll;
	}

select,input,button,textarea,button,option {
	font-family: 'Noto Sans JP', sans-serif;
	}

body {
	height:100%;
	font-family: 'Noto Sans JP', sans-serif;
	-ms-text-size-adjust:100%;
	-webkit-text-size-adjust:100%;
	color:#666;
	}

.wrap {
	max-width:748px;
	margin:0 auto;
	background:#FFF;
	box-shadow:0 2px 1em rgba(0,0,0,.3);
	}

/*------------------------

リンク

------------------------*/

a {
	color:#666;
	text-decoration:none;
	}

a:hover {
	text-decoration:underline;
	}

a:hover img {
    opacity:0.7;
    filter:alpha(opacity=70);
	-ms-filter:"alpha( opacity=70 )";
    }

/*------------------------

フッター

------------------------*/

.footer{
	width:100%;
	margin:15% 0 0;
	padding:5% 10% 10%;
	background:#F2F2F2;
 	}

.footer li{
	width:33.3%;
	float:left;
	text-align:center;
	font-size:16px;
 	}

.qr{
	width:50%;
	margin:0 auto;
	padding:7.5% 0 0;
 	}
	
small{
	padding:10% 0 0;
	font-family: 'Alata', sans-serif;
	line-height:1.0;
	display:block;
	text-align:center;
	font-size:14px;
 	}

@media screen and (max-width:748px) {
.footer{
	padding:5% 10% 7.5%;
 	}

.footer li{
	width:100%;
	float:none;
	font-size:13px;
	padding:0 0 2.5%;
 	}

.qr{
	padding:2.5% 0 0;
 	}

small{
	padding:7.5% 0 0;
	font-size:11px;
 	}
	}