@charset "UTF-8";

/* *******************************************
     基本設定
******************************************* */

.sp_only {
	display:inherit !important;
}
.pc_only {
	display:none !important;
}

/* ヘッダー
------------------------------------------------- */
header .inner {
	position:relative;
	width:94%;
}
header .inner img {
	width:100%;
}
header .inner .logo {
	padding-top:13px;
	padding-bottom:0px;
	width:45%;
	flex-direction: column;
	align-items: flex-start;
}
header .inner .logo .tx {
	margin-left:0;
	font-size:16px;
}
header .inner .date .tx {
	margin-right:50px;
	justify-content: flex-start;
}
header .inner .date .archive {
	margin-top:5px;
	margin-right:0px;
}
header .inner .date .tx .yearmonth .year {
	font-size:16px;
	line-height:1;
}
header .inner .date .tx .yearmonth .month span {
	padding:1px 6px;
	font-size:12px;
}
header .inner .date .tx .day {
	font-size:44px;
	line-height:1;
}

.search_sp {
	position: absolute;/*絶対配置にして*/
	z-index: 2;/*最前面に設定。数字は変更可*/
	top:12px;
	right:0px;
}

#search-text {
	-webkit-appearance:none;/*SafariやChromeのデフォルトの設定を無効*/
	width: 40px;/*テキスト入力エリアが伸びる前の横幅*/
	height: 40px;
	padding: 0px;
	border: none;
	background:#f7f7f7 url("../img/search.png") no-repeat 10px center;/*虫眼鏡アイコンを背景に表示*/
	background-size: 18px 18px;
	border-radius: 40px;
	transition: all 0.5s;/*transitionを使ってスムースに伸ばす*/
	outline: none;
	cursor: pointer;/*カーソルを指マークに*/
}

#search-text:focus {
	width: 250px;/*テキスト入力エリアが伸びる後の横幅*/
	padding: 0px 0 0px 60px;
	box-shadow: 0 2px rgba(6,0,1,.26);
	border:1px solid #ccc;
}
input{ font-size:16px; }

/* フッター
------------------------------------------------- */
footer .mail a {
	padding:25px 0;
	width:85%;
	font-size:18px;
}
footer .inner {
	margin:50px auto;
	width:85%;
}
footer .inner .logo {
	flex-direction: column;
	align-items: flex-start;
	width:40%;
}
footer .inner .logo .tx {
	margin-left:0px;
	font-size:14px;
}
footer .inner .logo img {
	width:100%;
}
footer .inner .date .tx {
	padding-top:0;
	width:auto;
}
footer .inner .date .tx .yearmonth .year {
	padding-top:0;
	font-size:16px;
	line-height:1;
}
footer .inner .date .tx .yearmonth .month span {
	padding:1px 6px;
	font-size:12px;
}
footer .inner .date .tx .day {
	font-size:44px;
	line-height:1;
}
footer .copyright {
	padding:15px 7.5%;
	font-size:12px;
	text-align:left;
}