@charset "Shift_JIS";
/*=============================================================
 social top Layout
=============================================================*/
/* parts
-------------------------------------------------------------*/
#socialTop-contents a{color:#27599b;}

/* arw */
#socialTop-contents .arw{margin-top:0;}
#socialTop-contents .arw a{
	background:url(/library/common/images/social/top/arw.png) no-repeat 2px 0.55em;
	padding-left:14px;
	display: inline-block;
}
/* socialTop-slider
-------------------------------------------------------------*/
#socialTop-slider{
	height:140px;
	position:relative;
}
#socialTop-slider .panel{
	display:none;
	position:absolute;
	top:0;
	left:0;
}
#socialTop-slider .panel.act{display:block;}

/* socialTop-menu01
-------------------------------------------------------------*/
#socialTop-menu01{margin-top:35px;}
#socialTop-menu01 li+li{margin-top:13px;}

/* socialTop-news
-------------------------------------------------------------*/
#socialTop-news{margin-top:35px;}
#socialTop-news .ttlArea{
	background-color:#f5f5f5;
	padding:10px 25px;
	border-top:3px solid #ff6600;
}
#socialTop-news .ttlArea h2{
	color:#666;
	font-size:125%;
	line-height:1.3;
	font-weight:bold;
}
#socialTop-news dl{
	line-height:1.6;
	border-bottom:1px dotted #999;
}
#socialTop-news dt{
	border-top:1px dotted #999;
	padding:12px 0 0 25px;
}
#socialTop-news dd{
	margin:-1.5em 0 0 6.5em;
	padding:0 25px 12px;
	position:relative;
	z-index:1;
}
/* socialTop-csr
-------------------------------------------------------------*/
#socialTop-csr{
	margin-top:35px;
	border:1px solid #ccc;
	border-radius:5px;
}
#socialTop-csr h2{
	color:#fff;
	font-size:140.625%;
	line-height:1.3;
	font-weight:bold;
	background-color:#ff6600;
	padding:9px 25px 7px;
	border-radius:5px 5px 0 0;
}
#socialTop-csr>div{padding:25px 24px;}
#socialTop-csr .textArea{margin-left:232px;}
#socialTop-csr .textArea ul{
	margin-top:20px;
	padding-top:10px;
	border-top:1px dotted #999;
}
#socialTop-csr .textArea li{
	display:inline-block;
	padding:5px 15px 0 0;
}
/* socialTop-menu02
-------------------------------------------------------------*/
#socialTop-menu02{
	margin-top:35px;
	overflow:hidden;
}
#socialTop-menu02>div{
	display:table;
	margin:0 -20px;
	border-spacing:20px 0;
}
#socialTop-menu02 .box{
	display:table-cell;
	width:235px;
	vertical-align:top;
	border:1px solid #ccc;
	border-radius:5px;
}
#socialTop-menu02 .box h2{
	color:#fff;
	font-size:117.2%;
	line-height:1.3;
	font-weight:bold;
	background-color:#ff6600;
	min-height:2.6em;
	padding:8px 25px 7px;
	border-radius:5px 5px 0 0;
}
#socialTop-menu02 .box h2>span{
	display:block;
	padding-top: 9px;
}
#socialTop-menu02 .box h2.l2>span{
	padding-top:0;
}
#socialTop-menu02 .box>div{padding:18px 24px 20px;}
#socialTop-menu02 .box ul{
	margin-top:18px;
	padding-top:15px;
	border-top:1px dotted #999;
}
/* 2column */
#socialTop-menu02.column2>div{
	margin-top: 20px;
}
#socialTop-menu02.column2>div:first-child {
	margin-top: 0px;
}
#socialTop-menu02.column2 .box{
	width:365px;
}
#socialTop-menu02.column2 .box .small {
	font-size: 85%;
	line-height: 1.8;
}

/* socialTop-menu03
-------------------------------------------------------------*/
#socialTop-menu03{margin-top:35px;}

/* socialTop-table
-------------------------------------------------------------*/
/* table-social-data */
#csr_responcive .table-social-data {
	width:100%;
	overflow: hidden;
	line-height: 180%;
}
#csr_responcive .table-social-data dt{
	vertical-align:middle;
	padding:3px 10px;
	width: 30%;
	float: left;
	box-sizing: border-box;
}
#csr_responcive .table-social-data dd{
	vertical-align:middle;
	padding:3px 10px;
	width: 70%;
	float: right;
	box-sizing: border-box;
}

/* area_caution [2018.9.18added]
-------------------------------------------------------------*/
#csr_responcive .area_caution {
	margin: 35px 0 0;
    text-align: right;
}
    
/* responsive style
-------------------------------------------------------------*/
/* basic */
@media screen and (max-width: 768px){
	#search {
		z-index: 100;
	}
	div#grayBack {
		z-index: 101;
	}
	#search_form {
		z-index: 102;
	}
	#socialTop-contents .arw a {
		background:url(/library/common/images/social/top/arw.png) no-repeat 0 50%;
		padding-left: 1em;
	}

	/* socialTop-slider
	-------------------------------------------------------------*/
	#socialTop-slider {
    	/*height: 100%;*/
		margin: 0 2%;
		position: relative;
		height: auto;
		
	}
	#socialTop-slider:before {
		content:"";
		display: block;
		padding-top: 22.5%;
	}
	#socialTop-slider .panel {
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
	}
	/* socialTop-menu01
	-------------------------------------------------------------*/
	#socialTop-menu01 {
    margin-top: 0;
	}
	#socialTop-menu01 .fLeft,
	#socialTop-menu01 .fRight {
		float: none !important;
		text-align: center;
		margin: 0 2%;
	}
	#socialTop-menu01 .fLeft img {
		margin: 2% auto 0;
		width: 100%;
	}
	#socialTop-menu01 .fRight {
		margin-top: 2%;
		padding: 0;
	}
	#socialTop-menu01 .fRight li {
		display: block;
		width: 49%;
	}
	#socialTop-menu01 .fRight li img {
		width: 100%;
	}
	#socialTop-menu01 li + li {
		margin-top: 0;
		float: right;
		text-align: right;
	}
	#socialTop-menu01 .fRight li:first-child{
		margin-bottom: 2%;
		float: left;
		text-align: left;
	}
	
	/* socialTop-news
	-------------------------------------------------------------*/
	#socialTop-news {
		margin-top: 4%;
	}
	#socialTop-news .ttlArea {
		padding: 2% 4%;
	}
	#socialTop-news dt {
		padding: 2% 0 0 2%;
	}
	#socialTop-news dd{
		margin: 0;
		padding: 0 2% 2%;
	}
	
	/* socialTop-csr
	-------------------------------------------------------------*/
	#socialTop-csr{
		margin-top: 8%;
		border: none;
		border-radius: 0;
	}
	#socialTop-csr h2 {
		padding: 2% 4%;
    border-radius: 0;
	}
	#socialTop-csr>div	{
		padding: 4% 2% 0;
	}
	#socialTop-csr .fLeft {
		float: none !important;
		text-align: center;
	}
	#socialTop-csr .textArea {
    margin: 2% 0 0 0;
	}
	#socialTop-csr .textArea ul{
		margin: 0;
		padding: 2% 0;
		border: none;
	}
	#socialTop-csr .textArea li {
		padding: 0;
    display: block;
		line-height: 2.5;
	}
	
	/* socialTop-menu02
	-------------------------------------------------------------*/
	#socialTop-menu02 {
		margin-top: 4%;
	}
	#socialTop-menu02 br {
		display: none;
	}
	#socialTop-menu02>div{
		display: block;
		margin: 0;
		border-spacing: 0;
	}
	#socialTop-menu02 .box{
		display: block;
		width: 100%;
		vertical-align:top;
		border: none;
		border-radius: 0;
	}
	#socialTop-menu02 .box h2{
		min-height: 0;
		padding: 2% 4%;
    	border-radius: 0;
	}
	#socialTop-menu02 .box h2 > span {
		padding-top: 0;
	}
	#socialTop-menu02 .box {
    margin: 0 0 4% 0;
	}
	#socialTop-menu02 .box>div {
		padding: 4% 2% 0;
	}
	#socialTop-menu02 .box ul{
		margin: 0;
		padding: 2% 0;
		border: none;
	}
	#socialTop-menu02 .box li {
		padding: 0;
    	display: block;
		line-height: 2.5;
	}
	#socialTop-menu02 .box li span {
		line-height: 1.5;
		padding: 0.5em 0;
		display: block;
	}
	#socialTop-menu02.column2 .box {
		width: 100%;
	}
	/* socialTop-menu03
	-------------------------------------------------------------*/
	#socialTop-menu03{
		margin: 2% 0 4%;
		padding: 0 2%;
		text-align: center;
	}
	#socialTop-menu03 .fLeft,
	#socialTop-menu03 .fRight {
		float: none !important;
	}
	#socialTop-menu03 .mT20{
		margin: 0 !important;
	}
	#socialTop-menu03 li{
		margin: 0 0 2% 0;
	}
	
	/* box-bdr
	-------------------------------------------------------------*/
	#csr_responcive .box-bdr {
		margin: 4% 2% 0;
		padding: 2%;
	}
	
	/* socialTop-table
	-------------------------------------------------------------*/
	/* table-social-data */
	#csr_responcive .table-social-data + .table-social-data {
		margin-top: 1em;
	}
	#csr_responcive .table-social-data dt,
	#csr_responcive .table-social-data dd {
		width: 100%;
		display: block;
		padding: 0;
	}
	#csr_responcive .table-social-data .caption {
		font-weight: bold;
	}
    
	/* area_caution [2018.9.18added]
	-------------------------------------------------------------*/
	#csr_responcive .area_caution {
		margin: 2% 2% 0;
	}
}