@charset "utf-8";


/*Google Fontsの読み込み
---------------------------------------------------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Questrial&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Tangerine&display=swap');


/*基本
---------------------------------------------------------------------------*/
body {
	color:#555;
	font-size:small;
	font-family:verdana,"ヒラギノ丸ゴ ProN W4","Hiragino Maru Gothic ProN","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	line-height:1.5;
	-webkit-text-size-adjust: none;
	}
	
	
	/* リンク設定
	------------------------------------------------------------*/
	a{color:#6caefe;text-decoration:none;}
	a:hover{color:#488fdd;}
	a:active, a:focus {outline:0;}

@media only screen and (min-width: 479px) {
	/*************
	/* ヘッダー
	*************/
	#header{
		width: 1024;
		height:70px;
	}
		
	/*************
	/* ロゴ
	*************/
	.headlogo{
		float:left;
	}
	
	.logo span{display:block;}
	
	/*************
	/* 会員ページ
	*************/
	.memberbtn{
		float: right;
		top: 1rem;
		font-size: 0.8rem;
		font-weight: 300;
		line-height: 1.5;
		position: relative;
		display: inline-block;
		padding: 0.3rem 1.5rem;
		text-align:center;
		cursor: pointer;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		-webkit-transition: all 0.3s;
		transition: all 0.3s;
		text-align: center;
		vertical-align: middle;
		text-decoration: none;
		letter-spacing: 0.1em;
		color: #212529;
		border-radius: 0.5rem;
		border: 1px solid #ccc;
		background: #f1e767;
		background: -webkit-gradient(linear, left top, left bottom, from(#dee8ee), to(#b3d2eb));
		background: -webkit-linear-gradient(top, #dee8ee 0%, #b3d2eb 100%);
		background: linear-gradient(to bottom, #dee8ee 0%, #b3d2eb 100%);
		-webkit-box-shadow: inset 1px 1px 1px #fff;
		box-shadow: inset 1px 1px 1px #fff;
	}
	.memberbtn:hover {
		color: #6f7174;
		background: -webkit-gradient(linear, left bottom, left top, from(#c0ddf5), to(#f4f9fc));
		background: -webkit-linear-gradient(bottom, #c0ddf5 0%, #f4f9fc 100%);
		background: linear-gradient(to top, #c0ddf5 0%, #f4f9fc 100%);
	}	
	
	/**************************
	/* メイン画像（トップページ+サブページ）
	**************************/
	#mainBanner{
		margin:0px auto 15px;
		padding:0;
		position:relative;
		line-height:0;
		border-top:2px solid #ebebeb;
		border-bottom:2px solid #ebebeb;
		text-align:center;
	}
	
	#mainBanner img{
		max-width:100%;
		height:auto;
	}
		
	
	/*************
	メイン コンテンツ
	*************/
	section.content article{
		padding:20px;
		margin-bottom:20px;
		border:1px solid #ebebeb;
		overflow:hidden;
	}
	
	* html section.content article{height:1%;}
	
	section.content p{margin-bottom:5px;}
		
	section.content img{
		max-width:90%;
		height:auto;
	}

	#wrapper,#header,#footercontents,.inner{
		width:960px;
		padding:0;
		margin:0 auto;
		}
		
	#wrapper{padding-bottom:20px;}
	
	#footer .inner{
		width:940px;
		padding:10px;
	}

	#wrapper,#header,#footercontents,.inner{
		width:960px;
		padding:0;
		margin:0 auto;
	}
		
	#wrapper{padding-bottom:20px;}
		
	#footer .inner{
		width:940px;
		padding:10px;
	}	
}

@media only screen and (max-width: 479px) {
	/*************
	/* ヘッダー
	*************/
	#header{
		display: flex;
	}
	
	/*************
	/* ロゴ
	*************/
	.headlogo {
		display: inline-block;
		margin: 0px;
	}

	/*************
	/* 会員ページ
	*************/
	.memberbtn {
		display:none;
	}
}