@charset "UTF-8";

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

.sp_only {
	display:none !important;
}

/* body定義
------------------------------------------------- */
body {
	text-align:left;
	font-family:"ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック", YuGothic,"メイリオ", "Meiryo", sans-serif;
	color:#333333;
	background:#f7f7f7;
}

/* ヘッダー
------------------------------------------------- */
header {
	padding-bottom:10px;
	background:#fff;
	box-shadow:0px 3px 3px rgba(0,0,0, 0.07);
}
header .inner {
	display:flex;
	justify-content: space-between; 
	margin:0 auto;
	width:1088px;
}
header .inner .logo {
	display:flex;
	align-items: flex-end;
	padding-bottom:12px;
}
header .inner .logo .tx {
	margin-left:10px;
	font-size:20px;
}
header .inner .search_pc {
	margin-top:25px;
}
header .inner .date .tx {
	padding-top:10px;
	display:flex;
	justify-content: flex-end;
}
header .inner .date .archive {
	margin-top:5px;
	margin-right:40px;
	font-size:14px;
}
header .inner .date .archive a {
	text-decoration: underline;
}
header .inner .date .tx .yearmonth {
	margin-right:5px;
	text-align:center;
}
header .inner .date .tx .yearmonth .year {
	padding-top:3px;
	font-size:20px;
	font-weight:bold;
	line-height:1.3;
}
header .inner .date .tx .yearmonth .month span {
	padding:1px 6px;
	font-size:14px;
	font-weight:normal;
	border:1px solid #000;
}
header .inner .date .tx .day {
	font-size:54px;
	font-weight:bold;
	line-height:1.15;
}

.search-form-003 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    overflow: hidden;
    background:#f7f7f7;
    border-radius: 25px;
}

.search-form-003 input {
    width: 230px;
    height: 45px;
    padding: 5px 15px;
    border: none;
    box-sizing: border-box;
    font-size: 1em;
    outline: none;
    background:#f7f7f7;
}

.search-form-003 input::placeholder{
    color: #767d83;
}

.search-form-003 button {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 45px;
    border: none;
    background-color: transparent;
    cursor: pointer;
}

.search-form-003 button::after {
    width: 20px;
    height: 20px;
    background-image: url(../img/search.png);
    background-repeat: no-repeat;
    content: '';
}

/* フッター
------------------------------------------------- */
footer {
	padding-top:70px;
	text-align:center;
}
footer .mail a {
	display:block;
	margin:0 auto;
	padding:25px 0;
	width:550px;
	background:#fff;
	border:1px solid #000;
	border-radius: 3px;
	font-size:18px;
}
footer .mail a span {
	padding-left:35px;
	background:url(../img/mail.png) no-repeat left center ;
}

footer .inner {
	display:flex;
	justify-content: space-between; 
	margin:50px auto;
	width:550px;
}
footer .inner .logo {
	display:flex;
	align-items: flex-end;
}
footer .inner .logo .tx {
	margin-left:10px;
	padding-bottom:5px;
}
footer .inner .date {
	text-align:right;
}
footer .inner .date .tx {
	padding-top:10px;
	display:flex;
	justify-content: flex-end;
	width:200px;
}
footer .inner .date .tx .yearmonth {
	margin-right:5px;
	text-align:center;
}
footer .inner .date .tx .yearmonth .year {
	padding-top:3px;
	font-size:20px;
	font-weight:bold;
	line-height:1.3;
}
footer .inner .date .tx .yearmonth .month span {
	padding:1px 6px;
	font-size:14px;
	font-weight:normal;
	border:1px solid #000;
}
footer .inner .date .tx .day {
	font-size:54px;
	font-weight:bold;
	line-height:1.15;
}

footer .copyright {
	padding:15px 0;
	background:#fff;
}


/* リンク装飾
------------------------------------------------- */
a:hover img {
	opacity: 0.7;
	-moz-opacity: 0.7;
	filter: alpha(opacity=70);
}
a:link ,
a:visited {
	color: #333;
	text-decoration: none;
}
a:hover,
a:active {
	color: #fe6613;
	text-decoration: none;
}

/* マージン
------------------------------------------------- */
.mt10 {margin-top:10px;}
.mt20 {margin-top:20px;}
.mt30 {margin-top:30px;}
.mt40 {margin-top:40px;}
.mt50 {margin-top:50px;}