@charset "utf-8";

/* 全体の設定
******************************************************************************************** */

* {
	margin: 0px;
	padding: 0px;
}

html {
	font-size:62.5%;
	font-family:"Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3","メイリオ","Meiryo",sans-serif;
	-webkit-text-size-adjust:100%;
	-moz-text-size-adjust:100%;
	-ms-text-size-adjust:100%;
	text-size-adjust:100%;
}

body {
	text-align: center;
	font-size:1.6rem;
	color: #333333;
}

img {
	border-style: none;
	vertical-align: bottom;
	max-width: 100%;
	height: auto;
	width /***/:auto;
}

li {
	list-style-type: none;
}

.attention {
	color:#D50000;
	font-size: 1.2rem;
}

/* リンク部分の色
******************************************************************************************** */

a:link {
	color: #0055C4;
	text-decoration: underline;
}

a:visited {
	color: #0055C4;
	text-decoration: none;
}

a:hover {
	color: #00BBEA;
	text-decoration: none;
}

a:active {
	color: #00BBEA;
	text-decoration: none;
}

/* レイアウト調整
******************************************************************************************** */

.align_center {
	text-align:center;
}

.align_right {
	text-align:right;
}

.clear {
	clear:both;
}

.pc {
	display:block;
}

.sp {
	display:none;
}

br.pc {
	display:inline;
}

br.sp {
	display:none;
}


/* 外枠
******************************************************************************************** */

#wrapper {
	text-align:left;
}

/* ヘッダー
******************************************************************************************** */

header {
	width:900px;
	height:8rem;
	margin:0px auto;
	position:relative;
	overflow:hidden;
}

header #logo {
	width:492px;
	float:left;
}

#header_link_pc_1 {
	width:408px;
	float:right;
	text-align:right;
}

#header_link_pc_1 li {
	text-align:right;
	font-size:1.4rem;
	margin:10px 0px;
}

#header_link_pc_1 li a:link {
	color: #333333;
	text-decoration: underline;
}

#header_link_pc_1 li a:visited {
	color: #551A8B;
	text-decoration: underline;
}

#header_link_pc_1 li a:hover {
	color: #333333;
	text-decoration: none;
}

#header_link_pc_1 li a:active {
	color: #1111CC;
	text-decoration: underline;
}

/* 検索窓
******************************************************************************************** */

#header-gcse {
	position:absolute;
	top:3.6rem;
	right:0px;
}

.header-gcse__form {
	padding-left:32px;
	background:#fff url(../../images/header_gcse_submit.png) no-repeat 8px 50%;
	background-size:16px;
	border-radius:18px;
	border:solid 1px #6B6B6B;
}
.header-gcse input[type="text"],
.header-gcse input[type="submit"] {
	display:inline-block;
	margin:0 !important;
	padding:0 !important;
	background-color:transparent;
	border:0 !important;
	vertical-align:middle;
	/* IEでアンチエイリアスを効かせる */
  	-ms-transform:rotate(0.001deg);
}
.header-gcse input[type="text"] {
	width:15rem;
	font-size:1.4rem;
}
#cse-search-box input[type="text"]:focus {
	background-color:#D9EDF9;
}
.header-gcse input[type="submit"] {
	-webkit-appearance: none;
	width:5rem;
	line-height:32px;
	color:#fff;
	background:#6B6B6B;
	border-radius:0 16px 16px 0;
	cursor:pointer;
	transition:all .3s;
	font-size:1.4rem;
}
#cse-search-box input[type="submit"]:focus {
	color:#6B6B6B;
	background-color:#FFFFFF;
}

/* スマホ用 ナビゲーション
******************************************************************************************** */

#header_link_sp {
	display:none;
}

#navi_sp {
	display:none;
}

/* フッター
******************************************************************************************** */

#copyright {
	line-height:80px;
	font-size:1.4rem;
	color:#FFFFFF;
	background-color:#5f5d5e;
	clear:both;
}

/* スマホ用 フッター
******************************************************************************************** */

#footer_navi_sp {
	display:none;
}

/* スマホ用 */
@media screen and (max-width: 480px) {

	/* 全体の設定
	******************************************************************************************** */
	body {
		background-image:none;
	}


	/* レイアウト調整
	******************************************************************************************** */
	.pc {
		display:none;
	}

	.sp {
		display:block;
	}

	br.pc {
		display:none;
	}

	br.sp {
		display:inline;
	}


	/* 外枠
	******************************************************************************************** */

	#wrapper {
		width:100%;
	}

	#copyright {
		font-size:0.7rem;
	}

	/* ヘッダー
	******************************************************************************************** */

	header {
		width:100%;
		height:auto;
		border-bottom:solid 1px #d6d6d6;
	}

	header #logo {
		font-size: 2em;
		width:80%;
	}

	#header_link_pc_1 {
		display:none;
	}

	/* スマホ用 ナビゲーション
	******************************************************************************************** */

	#header_link_sp {
		display:block;
		position:absolute;
		width:80px;
		height:80px;
		text-indent:-9999px;
		background-image:url(../../images/header_link_sp.gif);
		background-repeat: no-repeat;
		background-position: center center;
		background-size:contain;
		right:0;
		top:0;
	}

	#header_link_sp.open {
		background-image:url(../../images/header_link_sp_close.gif);
	}

	#navi_sp {
		display:block;
		width:100%;
		max-height:calc(100% - 80px);
		background:rgba(245,245,245,0.95);
		overflow:auto;
		box-shadow:0px 4px 2px -2px rgba(0,0,0,0.3);
	}

	#navi_sp .main {
		border-bottom:2px solid #137bc4;
		position:relative;
	}

	#navi_sp .main a {
		display:block;
  		padding:15px 20px;
		color:#333333;
		font-weight:bold;
	}

	#navi_sp #close {
		text-align:center;
		font-size:3.0rem;
	}

	/* 検索窓
	******************************************************************************************** */

	header #navi_sp #header-gcse_sp {
		margin:0px;
		padding:20px 10px;
		background-color:#e2e2e2;
	}

	.header-gcse__form {
		border:none;
		border-radius:25px;
		display: flex;
		flex-wrap:nowrap;
		justify-content:space-between;
	}

	.header-gcse input[type="text"] {
		width:calc(100% - 66px);
		font-size:1.6rem;
	}

	.header-gcse input[type="submit"] {
		-webkit-appearance: none;
		font-size:1.6rem;
		width:60px;
		height:50px;
		line-height:50px;
		color:#fff;
		background:#6B6B6B;
		border-radius:0px 25px 25px 0px;
	}
}