@charset "utf-8";
/* CSS Document */
/*
基本サイズ 12px
10px	84%
11px	92%
12px	100%
13px	109%
14px	117%
15px	125%
16px	134%
17px	142%
18px	150%
19px	159%
20px	167%
21px	175%
22px	184%
23px	192%
24px	200%
25px	209%
26px	217%
*/

/* clearfix */
.clearfix:after,
#header_inner:after,
#pickupbnr ul:after,
#information ul li:after,
.wrap:after,
.info_blog_category:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix,
#header_inner,
#pickupbnr ul,
#information ul li,
.wrap,
.info_blog_category
{ display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix,
* html #header_inner,
* html #pickupbnr ul,
* html #information ul li,
* html #top-area,
* html .info_blog_category
{ height: 1%; zoom: 1; }
.clearfix,
#header_inner,
#pickupbnr ul,
.wrap,
.info_blog_category
{ display: block; }
 /* IE7 */
*:first-child+html .clearfix,
*:first-child+html #header_inner,
*:first-child+html #pickupbnr ul,
*:first-child+html #information ul li,
*:first-child+html .wrap,
*:first-child+html .info_blog_category
{ zoom: 1;}
.clear
{ clear:both;}

@media screen and (max-width: 320px) {
}

@media screen and (min-width:321px) and (max-width: 979px) {
}

@media print, screen and (min-width:980px) {
}

 /* 基本設計 */
html {
 	margin: 0;
 	padding: 0;
}
body {
 	margin: 0;
 	padding: 0;
 	font-family:  "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, "メイリオ", sans-serif;
 	font-size:12px;
 	background: url(../images/share/bg_top.jpg) no-repeat bottom;
 	background-size: cover;
 	overflow-x: hidden;
 	width: 100%;
 	height:100%;
 	position:relative;
}

body:before {
	height:100%;
	content: '';
	background: inherit;/*.bgImageで設定した背景画像を継承する*/
	-webkit-filter: blur(5px);
	-moz-filter: blur(5px);
	-o-filter: blur(5px);
	-ms-filter: blur(5px);
	filter: blur(5px);
	position: absolute;
	/*ブラー効果で画像の端がボヤけた分だけ位置を調整*/
	top: -5px;
	left: -5px;
	right: -5px;
	bottom: -5px;
	z-index: -1;/*重なり順序を一番下にしておく*/
}


body#share{
	background: none;
}

a img {
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
	-webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all  0.4s ease;
}

a:hover img {
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	display: inline-block;
	/*background: #FFF;*/
}

a {
	color:#FFF;
	text-decoration: none;
	-webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all  0.4s ease;
}

a:hover {
	color:#fff600;
}

strong {
	font-weight: bold;
	font-size: 117%;
}

@media screen and (max-width: 640px) {
	body {
		overflow-x: hidden;
		width: 100%;
	}
	header {
		/*background: url(../images/share/bg_header.gif) repeat-x top;*/
		background: #4495d5;
		width: 100%;
	}

	header h1 a{
		background: url(../images/share/logo.svg) no-repeat center center;
		background-size: 50% auto;
		/*width: 280px;
		height: 50px;
		position: absolute;
		top:74px;
		left: 50%;
		margin-left: -140px;*/
		text-indent: -9999px;

		width: 100%;
		padding-top: 17.85%;
		height: 0;
		display: block;
	}

	a.btn_login {
		width: 26%;
		/*border:1px solid #95b6ee;*/
		border-top: none;
		display: block;
		color:#2b6ddd;
		padding: 3% 2%;
		background:#FFF url(../images/share/locked.svg) no-repeat right 5% top 50%;
		background-size: 16px;
		font-weight: bold;
		text-decoration: none;
		float: left;
		margin:2% 1% ;
		border-radius: 3px;
		float: right;
	}

	#sns {
		display: flex;
		justify-content: space-between;
		width: 100px;
    	float: right;
    	margin:14px 0 0 0;
    	padding: 0 10px 0 0;

	}
	#sns li{
		width: 30px;
		height:30px;
	}

	#sns li a{
		width: 30px;
		height:30px;
		display: block;
		position:relative;
	}

	#sns li a.btn_fb{}
	#sns li a.btn_ins{}
	#sns li a.btn_yt{}

	#sns li a.btn_fb:after{
		font-family: icomoon;
		content: "\e90e";
		font-size: 30px;
		position: absolute;
		top:50%;
		left:50%;
		margin:-15px;
	}
	#sns li a.btn_ins:after{
		font-family: icomoon;
		content: "\e973";
		font-size: 30px;
		position: absolute;
		top:50%;
		left:50%;
		margin:-15px;
	}
	#sns li a.btn_yt:after{
		font-family: icomoon;
		content: "\e924";
		font-size: 30px;
		position: absolute;
		top:50%;
		left:50%;
		margin:-15px;
	}

	#search {
		width: 64%;
		float: left;
		padding: 2%;
	}
	.gsc-control-cse {
		background: none!important;
		border:none!important;
		padding: 0!important;
	}
	.cse .gsc-search-button input.gsc-search-button-v2, input.gsc-search-button-v2 {
		padding: 5px!important;
	}
	input.gsc-search-button, input.gsc-search-button:hover, input.gsc-search-button:focus {
		border: none!important;
		background: none!important;
		color:#FFF;
	}
	input.gsc-input, .gsc-input-box {
		border: none!important;
		background: #FFF!important;
		color:#000;
		padding:2% 1%;
		border-radius: 5px 0 0 5px;
	}

	#header_inner {
		width: 100%;
		margin: 0 auto;
		position: relative;
	}

	#header_menu {
		padding: 15px 0;
		
	}

	#header_menu li {
		float: left;
		border-left:1px solid #4495d5;
		padding: 10px 15px;
		color: #DDD;
	}

}

@media screen and (min-width:641px) and (max-width: 979px) {
	header {
		background: url(../images/share/bg_header.gif) repeat-x top;
		width: 100%;
		height: 148px;
	}

	header h1 a{
		background: url(../images/share/logo.svg) no-repeat top;
		width: 280px;
		width: 25%;
		height: 50px;
		height: 0px;
		padding-top: 4.47%;
		text-indent: -9999px;

		position: absolute;
		top:84px;
		left: 0%;
		display: block;
	}

	a.btn_login {
		width: 117px;
		height: 23px;
		border:1px solid #95b6ee;
		border-top: none;
		display: block;
		color:#2b6ddd;
		padding: 16px 0 0 11px;
		background:#FFF url(../images/share/locked.svg) no-repeat 97px 9px;
		background-size: 16px;
		font-weight: bold;
		text-decoration: none;
		float: right;
	}

	#header_inner {
		width: 100%;
		margin: 0;
		position: relative;
	}

	#header_menu {
		padding: 15px 0;
		position: absolute;
		top: 0;
		left: 0px;
	}

	#header_menu li {
		float: left;
		border-left:1px solid #80a7eb;
		padding: 4px 10px;
		color: #DDD;
	}

	.gsc-control-cse {
		background: none!important;
		border:none!important;
		padding: 0!important;
	}
	.cse .gsc-search-button input.gsc-search-button-v2, input.gsc-search-button-v2 {
		padding: 5px!important;
	}
	input.gsc-search-button, input.gsc-search-button:hover, input.gsc-search-button:focus {
		border: none!important;
		background: none!important;
		color:#FFF;
	}
	input.gsc-input, .gsc-input-box {
		border:none!important;
		background: none!important;
			color:#FFF;
	}
}

@media print, screen and (min-width:980px) {
	header {
		background: url(../images/share/bg_header.gif) repeat-x top;
		width: 100%;
		height: 148px;
	}

	header h1 a{
		background: url(../images/share/logo.svg) no-repeat top;
		width: 280px;
		height: 50px;
		position: absolute;
		top:74px;
		left: 50%;
		margin-left: -140px;
		text-indent: -9999px;
		display: block;
		z-index: 100;
	}

	a.btn_login {
		width: 117px;
		height: 23px;
		border:1px solid #95b6ee;
		border-top: none;
		display: block;
		color:#2b6ddd;
		padding: 16px 0 0 11px;
		background:#FFF url(../images/share/locked.svg) no-repeat 97px 9px;
		background-size: 16px;
		font-weight: bold;
		text-decoration: none;
		float: right;
	}
	
	#sns {
		display: flex;
		justify-content: space-between;
		width: 110px;
		float: right;
		margin:10px 0 0 0;
	}
	#sns li{
		width: 30px;
		height:30px;
	}

	#sns li a{
		display: block;
		position:relative;
		width: 30px;
		height:30px;
	}

	#sns li a.btn_fb:after{
		font-family: icomoon;
		content: "\e90e";
		font-size: 22px;
		position: absolute;
		top:50%;
		left:50%;
		margin:-11px;
	}
	#sns li a.btn_ins:after{
		font-family: icomoon;
		content: "\e973";
		font-size: 22px;
		position: absolute;
		top:50%;
		left:50%;
		margin:-11px;
	}
	#sns li a.btn_yt:after{
		font-family: icomoon;
		content: "\e924";
		font-size: 22px;
		position: absolute;
		top:50%;
		left:50%;
		margin:-11px;
	}


	#header_inner {
		width: 980px;
		margin: 0 auto;
		position: relative;
	}

	#header_menu {
		padding: 15px 0;
		position: absolute;
		top: 0;
		left: 250px;
		/*left: 490px;*/
	}

	#header_menu li {
		float: left;
		border-left:1px solid #80a7eb;
		padding: 4px 20px;
		color: #DDD;
	}

	.gsc-control-cse {
		background: none!important;
		border:none!important;
		padding: 0!important;
	}
	.cse .gsc-search-button input.gsc-search-button-v2, input.gsc-search-button-v2 {
		padding: 5px!important;
	}
	input.gsc-search-button, input.gsc-search-button:hover, input.gsc-search-button:focus {
		border: none!important;
		background: none!important;
		color:#FFF;
	}
	input.gsc-input, .gsc-input-box {
		border:none!important;
		background: none!important;
			color:#FFF;
	}

}




/**/

/**/
@media screen and (max-width: 640px) {
	#global_menu {
		/*position: absolute;
		top: 76px;
		width: 980px;*/
	}

	#global_menu li {
		width: 50%!important;
		float: left;
		/*margin-right: 10px;*/

		border-bottom: 1px solid #4495d5;
		border-left: 1px solid #4495d5;
		text-shadow:0 0 3px #666;
		color: #ddd;
		text-decoration: none;
		display: block;

		padding-top: 2%;
	}
	#global_menu li:nth-child(odd) a { 
		border-left: none;
	}
	#global_menu li a { 
		/*border-bottom: 1px solid #4495d5;
		border-left: 1px solid #4495d5;*/
		text-shadow:0 0 3px #666;
		color: #FFF;
		text-decoration: none;
		display: block;

		filter:alpha(opacity=100);
		-moz-opacity: 1;
		opacity: 1;
		-webkit-transition: all 0.4s ease;
	    -moz-transition: all 0.4s ease;
	    -o-transition: all 0.4s ease;
	    transition: all  0.4s ease;
	}
	#global_menu li:hover {
		border-bottom: 1px solid #fff600;
	}
	#global_menu li a:hover {
		text-shadow:0 0 3px #666;
		color: #fff600;
		letter-spacing: 0.1em;
	}

/*	#global_menu li:nth-child(3) {
		margin-right: 340px!important;
	}
*/
	#global_menu li:last-child {
		margin-right: 0;
	}

	#global_menu li a span:nth-child(1),
	#global_menu li span:nth-child(1)
	{
		display: block;
		text-align: center;
		margin-bottom: 8px;
		font-family:  "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, "メイリオ";
	}

	#global_menu li a span:nth-child(2),
	#global_menu li span:nth-child(2)
	{
		display: block;
		text-align: center;
		margin-bottom: 8px;
		font-size: 150%;
		font-family: Arial;
	}

	/*#search {
		width: 178px;
		height: 28px;
		border:1px solid #80a7eb;
		background: #558ae4;
		float: right;
		margin: 10px 20px 0 0;
	}*/
}

@media screen and (min-width:641px) and (max-width: 979px) {
	#global_menu {
		position: absolute;
		top: 76px;
		left: 25%;
		/*width: 980px;*/
		width: 75%;
	}

	#global_menu li {
		width: 16%;
		float: left;
		margin-right: 0.6%;

		/**/
		text-shadow:0 0 3px #666;
		color: #DDD;
		text-decoration: none;
		display: block;
	}

	#global_menu li a { 
		border-bottom: 1px solid #FFF;
		text-shadow:0 0 3px #666;
		color: #FFF;
		text-decoration: none;
		display: block;

		filter:alpha(opacity=100);
		-moz-opacity: 1;
		opacity: 1;
		-webkit-transition: all 0.4s ease;
	    -moz-transition: all 0.4s ease;
	    -o-transition: all 0.4s ease;
	    transition: all  0.4s ease;
	}

	#global_menu li a:hover {
		border-bottom: 1px solid #fff600;
		text-shadow:0 0 3px #666;
		color: #fff600;
		letter-spacing: 0.1em;
	}

	#global_menu li:last-child {
		margin-right: 0;
	}

	#global_menu li a span:nth-child(1),
	#global_menu li span:nth-child(1)
	{
		display: block;
		text-align: center;
		margin-bottom: 8px;
		font-size: 100%;
		font-family:  "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, "メイリオ";
	}
	#global_menu li a span:nth-child(2),
	#global_menu li span:nth-child(2)
	{
		display: block;
		text-align: center;
		margin-bottom: 8px;
		font-size: 134%;
		font-family: Arial;
	}

	#search {
		width: 178px;
		height: 28px;
		border:1px solid #80a7eb;
		background: #558ae4;
		float: right;
		margin: 10px 20px 0 0;
	}
}

@media print, screen and (min-width:980px) {
	#global_menu {
		position: absolute;
		top: 76px;
		width: 980px;
	}

	#global_menu li {
		width: 100px;
		float: left;
		margin-right: 10px;

		/**/
		text-shadow:0 0 3px #666;
		color: #DDD;
		text-decoration: none;
		display: block;
	}

	#global_menu li a { 
		border-bottom: 1px solid #FFF;
		text-shadow:0 0 3px #666;
		color: #FFF;
		text-decoration: none;
		display: block;

		filter:alpha(opacity=100);
		-moz-opacity: 1;
		opacity: 1;
		-webkit-transition: all 0.4s ease;
	    -moz-transition: all 0.4s ease;
	    -o-transition: all 0.4s ease;
	    transition: all  0.4s ease;
	}

	#global_menu li a:hover {
		border-bottom: 1px solid #fff600;
		text-shadow:0 0 3px #666;
		color: #fff600;
		letter-spacing: 0.1em;
	}

	#global_menu li:nth-child(3) {
		margin-right: 340px!important;
	}

	#global_menu li:last-child {
		margin-right: 0;
	}

	#global_menu li a span:nth-child(1),
	#global_menu li span:nth-child(1)
	{
		display: block;
		text-align: center;
		margin-bottom: 8px;
		font-family:  "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, "メイリオ";
	}
	#global_menu li a span:nth-child(2),
	#global_menu li span:nth-child(2)
	{
		display: block;
		text-align: center;
		margin-bottom: 8px;
		font-size: 150%;
		font-family: Arial;
	}

	#search {
		width: 178px;
		height: 28px;
		border:1px solid #80a7eb;
		background: #558ae4;
		float: right;
		margin: 10px 20px 0 0;
	}
}


.gsc-search-button-v2 {
	border: none!important;
	background:none!important;
	padding: 5px 10px!important;
}

table.gsc-search-box td.gsc-input {
	padding: 0px!important;
}

footer {
	background: #4495d5;
	text-align: center;
	padding: 1.5em 0;
	color: #FFF;
}


/* */
form.gsc-search-box {
	margin:0!important;
}
.gsib_a {
	padding: 4px 10px 4px 20px!important;
}