@charset "utf-8";
/* CSS Document */

	* {font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif,Arial, Helvetica;}
	
	a {
		text-decoration: none;
		color:#000;
	}
	
	p {
	  font-feature-settings: "halt" 1;
	  text-align: justify;
	}
	
	#warpper i {
		padding-left: 1em;
		text-indent: -1em;
		font-style:normal;
		display:block;
	}

	#warpper {
		margin:0 auto;
		width:auto;
		overflow:hidden;
	}
	
	q {display:none;}

	
	@media screen and (min-width: 1030px){
		
		body {min-width: 1000px;}
		.pc {display:block;}
		.sp {display:none!important;}
	
	}
	
	@media screen and (max-width: 1030px) and (min-width: 670px){
	
		.pc {display:block;}
		.sp {display:none;}
	
	}


	@media screen and (max-width: 670px){
	
		.pc {display:none;}
		.sp {display:block;}

	}

/*===================================================================
							  header
===================================================================*/
	
	header h1 a{
		display:inline-block;
		text-indent:100%;
		white-space:nowrap;
		overflow:hidden;
	}
	
	header select {
		background: url(../img/icon00.png) 123px no-repeat #fff;
		margin: 25px 20px 0 0;
		padding-left: 35px;
		font-size: 12px;
		width: 143px;
		height: 27px;
		position: absolute;
		top: 0;
		right: 0;
		-webkit-appearance: none;
		-moz-appearance: none;	
	}
	
	header .pc span {
		background: url(../img/lang.png) no-repeat;
		background-size: 100%;
		padding-top: 19px;
		width: 20px;
		overflow: hidden;
		position: absolute;
		top: 29px;
		right: 137px;
		Z-index: 1000;
	}
	
@media screen and (min-width: 1030px){

	header {
		max-width:960px;
		height:70px;
		margin:0 auto;
		position:absolute;
		top:0;
		left:0;
		right:0;
	}

	
	header h1 a{
		background:url(../img/h1.png) no-repeat;
		width:273px;
		height:39px;
		margin-top:18px;
	}
	
}
	
@media screen and (max-width: 1029px) {
	
	header .pc { display:none;}
	header .sp { display:block;}	

/*=====================================================================================
***************************************************************************************

	div#global
		
***************************************************************************************
=====================================================================================*/

div#global{
	width: 40px;
    height: 51px;
	background:url(../img/sp_menu.png) no-repeat;
	background-size:100%;
	overflow: hidden;
	position: fixed;
	top: 10px;
	right: 10px;
	z-index: 10;	
	text-align: center;
}

div#global > a {
	padding: 2px;
	cursor: pointer;
	display: inline-block;
	position: relative;
	width: 28px;
	height: 20px;
	margin: 7px 0 0 0;
}

div#global > a > span > span {
	position:absolute;
	right:-2px;
	top:14px;
	color:#fff;
	font-size:87%;
	font-weight: bold;
	line-height:160%;
}

div#global > a > span {
	display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 25px;
    height: 2px;
    margin: -1px 0 0 -12px;
    background: #fff;
    transition: .2s;
}

div#global > a > span:nth-child(2) {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 29px;
	height: 2px;
	margin: -1px 0 0 -14px;
	background: #fff;
	transition: .2s;
}


div#global > a > span:before,
div#global > a > span:after {
	display: block;
    content: "";
    position: absolute;
    top: 80%;
    left: 55%;
    width: 25px;
    height: 2px;
    margin-left: -14px;
    background: #fff;
    transition: .5s;
}

div#global > a > span:before { margin-top: -12px; }
div#global > a > span:after { margin-top: 8px; }

div#global > a > span.close { background: transparent; }
div#global > a > span.close:before,
div#global > a > span.close:after { margin-top: 0; background:#fff; }
div#global > a > span.close:before { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); height:115%; }
div#global > a > span.close:after { transform: rotate(-135deg); -webkit-transform: rotate(-135deg); height:115%; }


/*=====================================================================================
***************************************************************************************

	div#panel
		
***************************************************************************************
=====================================================================================*/

div#panel {
	width: 100%;
	height: 0;
	margin:0px auto;
	position: fixed !important;
    position: absolute;
	display: none;
	top:0;
	z-index: 2;
}

div#panel > div {
	width: 100%;
	height:100%;
	margin: 0 auto;
    position: absolute;
	overflow: hidden;
	top: 0;
}

div#panel > div > ul,
div#panel > div > menu,
div#panel > div > ol {
	font-size:150%;
	line-height:100%;
	opacity: 0;
	-moz-opacity: 0;
	filter: alpha( opacity=0 );
}

div#panel > div > ul {
	width: 73px;
	margin: 0 auto 0 auto;
	overflow: hidden;	
}

div#panel > div > ul > li {
	width: 73px;
	height: 63px;
	display: block;
	overflow: hidden;
}

div#panel > div > ul > li.li0 {	float: left;	}
div#panel > div > ul > li.li1 {	float: right; width: 128px;	}

div#panel > div > ul > li > a {
	width: 73px;
	height: 0;
	padding: 63px 0 0 0;
	display: block;
	overflow: hidden;
	background: url(../img/common/panel_top.png) no-repeat;
}

div#panel > div > ul > li.li0 > a {		background-position: 0px 0px;	}
div#panel > div > ul > li.li0 > a:hover {	background-position: 0px -63px;	}
div#panel > div > ul > li.li1 > a {		background-position: -73px 0px; width: 128px;	}
div#panel > div > ul > li.li1 > a:hover {	background-position: -73px -63px;	}

div#panel > div > menu {
	height: 100%;
	padding-top: 90px;
	margin: 0 auto 0 auto;
	overflow: hidden;
	background-color: rgba(0,0,0,0.8);
}

div#panel > div > menu > li {
	display:inline-block;
	letter-spacing:normal;
	width: 100%;
}

div#panel > div > menu > li > a img{
	width:100%;
	max-width:210px;
}

div#panel > div > menu > li > a:hover {
	opacity: 0.6;
	-moz-opacity: 0.6;
	filter: alpha( opacity=60 );
}

div#panel > div > menu > li > p {
	opacity: 0.4;
	-moz-opacity: 0.4;
	filter: alpha( opacity=40 );
}

div#panel > div > ol {
	width: 418px;
	margin: 14px auto 0 auto;
	overflow: hidden;
}

div#panel > div > ol > li {
		width: 100%;
		padding:20px 0;
		background-color: rgba(0,0,0,0.6);
		margin:0 0 1px;
}

div#panel > div > ol > li > a,
div#panel > div > ol > li > p {
	width: 198px;
}

div#panel > div > ol > li > a:hover {
	opacity: 0.6;
	-moz-opacity: 0.6;
	filter: alpha( opacity=60 );
}

div#panel > div > ol > li > p {
	opacity: 0.4;
	-moz-opacity: 0.4;
	filter: alpha( opacity=40 );
}

div#panel > div > ol > li.li0 > a, div#panel > div > ol > li.li0 > p {	background-position: 0px 0px;}
div#panel > div > ol > li.li1 > a, div#panel > div > ol > li.li1 > p {	background-position: -198px 0px;}


div#panel > div a {
	color: #fff;
	position: relative;
	display:block;
	text-decoration: none;

}
	
div#panel > div a:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 1px;
	-webkit-transform: scaleX(0);
	-ms-transform: scaleX(0);
	transform: scaleX(0);
	background-color: #fff;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
}

div#panel > div > li a:hover::after {
	opacity:0.5;
	filter: alpha(opacity=50);
}

.Menu-link {
  background:url(../img/sp_icon01.png) right 12px no-repeat;
  padding: 10px 5px;
  width:80%;
  z-index: 1;
  border-bottom:solid 1px #fff;
  margin:0 auto;
  font-size:15px;
}

/*--------------------------------------------------------------------
					     	  テスト
--------------------------------------------------------------------*/	
	
/* OPEN / CLOSE BTNS */

.menu-btn .btn-open {
	background: url(../img/sp_lang.png) no-repeat;
    background-size: 100%;
    position: absolute;
    height: 51px;
    top: 10px;
    right: 60px;
    z-index: 1;
    width: 40px;
}


.menu-btn a {display: block;}
.btn-open:after {
    color: #333;
    -webkit-transition: all .2s linear 0s;
    -moz-transition: all .2s linear 0s;
    -o-transition: all .2s linear 0s;
    transition-property: all .2s linear 0s;
}
.btn-open:hover:after {
    color: #34B484;
}
.btn-close {
	background:url(../img/common/sp_lang_close.png) no-repeat;
	background-size:100%;
	width:40px;
	position: absolute;
    height: 51px;
    top: 10px;
    right: 60px;
    -webkit-transition: all .2s linear 0s;
    -moz-transition: all .2s linear 0s;
    -o-transition: all .2s linear 0s;
    transition-property: all .2s linear 0s;
	z-index:100;
}
.btn-close:hover:after {
    color: #34B484;
}
/* OVERLAY */
.overlay {
    position: fixed;
    top: 0;
    z-index: 99;
    display: none;
    overflow: auto;
    width: 100%;
    height: 100%;
    background: #000;
	opacity:0.8;
}
.overlay .menu { margin: 10% auto;}
.overlay .menu ul {
    margin: 0;
    padding: 0;
    width: 100%;
}
.overlay .menu ul li {
    padding: 20px 0;
    width: 25%;
    list-style: none;
    text-align: center;
    text-transform: uppercase;
	margin: 0 auto;
    width: 300px;
}
.overlay .menu ul ul {
    margin-top: 50px;
}
.overlay .menu ul ul li {
    position: relative;
    float: none;
    margin: 0;
    width: 100%;
    border: 0;
}
.overlay .menu ul ul li a {
    color: #fff;
    text-transform: capitalize;
    font-size: 15px;
	display:block;
	width:100%;
}
/*--------------------------------------------------------------------*/	
/*--------------------------------------------------------------------*/	
	
	
	header {
		background-color: rgba(250,250,250,0.8);
		max-width: 1030px;
		height:70px;
		margin:0 auto;
		position:fixed;
		top:0;
		left:0;
		right:0;
		z-index:1000;
	}

	header h1 a{
		background:url(../img/sp_h1.png) no-repeat;
		background-size:100%;
		width:180px;
		overflow:hidden;
		margin:20px 10px 0;
		padding-top:30px;
	}


/*==================== モーダル // メニュー //==============================*/

	.HiddenCheckbox {
	  display: none;
	}
	.MenuContainer {
	  display: inline-block;
	  margin: 20px;
	}
	.MenuHeader {
	  color: #999999;
	  display: inline-block;
	  float: left;
	  font-weight: 100;
	  line-height: 30px;
	  margin: 0 0 0 15px;
	  opacity: 0;
	  position: relative;
	  -webkit-transform: translate3d(0, -15px, 0);
	  transform: translate3d(0, -15px, 0);
	  -webkit-transition: -webkit-transform 0.6s, opacity 0.5s;
	  transition: transform 0.6s, opacity 0.5s;
	  z-index: 2;
	}
/*------------メニューアイコン--------------------*/
	.MenuIcon {
		background:url(../img/sp_menu.png);
		background-size:100%;
		cursor: pointer;
		display: block;
		width: 40px;
		height: 0;
		padding-top:51px;
		position:fixed;
		top:10px;
		right:10px;
		z-index:11;
	}
	.MenuIcon::before {
		-webkit-box-shadow: #999999 0 12px 0;
		box-shadow: #fff 0 8px 0;
		height: 2px;
		-webkit-transform-origin: left top;
		-ms-transform-origin: left top;
		transform-origin: left top;
		width: 24px;
		margin:10px 8px;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
	}
	.MenuIcon::after {
		bottom: 0;
		height: 2px;
		-webkit-transform-origin: left bottom;
		-ms-transform-origin: left bottom;
		transform-origin: left bottom;
		width: 24px;
		margin:15px 8px;
		position: absolute;
		top: 12px;
		left: 0;
		right: 0;
	}
	.MenuIcon::before,
	.MenuIcon::after {
	  background: #fff;
	  display: block;
	  content: '';
	  -webkit-transition: -webkit-box-shadow 0.2s linear, -webkit-transform 0.4s 0.2s;
	  transition: box-shadow 0.2s linear, transform 0.4s 0.2s;
	}
/*==============モーダル背景============================*/
	.Menu {
	  background: #000;
	  height:900px;
	  bottom: 0;
	  left: -100%;
	  position: fixed;
	  top: 0;
	  width: 100%;
	  -webkit-transition: left 0.4s;
	  transition: left 0.4s;
	  z-index:10;
	  opacity:0.8;
	}
/*==============システム============================*/

	.HiddenCheckbox:checked ~ .MenuHeader {
	  opacity: 1;
	  -webkit-transform: none;
	  -ms-transform: none;
	  transform: none;
	}
	.HiddenCheckbox:checked ~ .MenuIcon::before {
	  -webkit-box-shadow: transparent 0 0 0;
	  box-shadow: transparent 0 0 0;
	  -webkit-transform: rotate(45deg) translate3d(6px, -3px, 0);
	  transform: rotate(45deg) translate3d(4px, -3px, 0);
	}
	.HiddenCheckbox:checked ~ .MenuIcon::after {
	  -webkit-transform: rotate(-45deg) translate3d(6px, 3px, 0);
	  transform: rotate(-45deg) translate3d(4px, 3px, 0);
	}
	.HiddenCheckbox:checked ~ .Menu {
	  left: 0;
	}
/*==============文字============================*/

	.Menu-list {
	  margin: 80px 0 0;
	}


/*=========================モーダル  // 言語　// =============*/

	.langContainer {
	  display: inline-block;
	  margin: 20px;
	}
	.langHeader {
	  color: #999999;
	  display: inline-block;
	  float: left;
	  font-weight: 100;
	  line-height: 30px;
	  margin: 0 0 0 15px;
	  opacity: 0;
	  position: relative;
	  -webkit-transform: translate3d(0, -15px, 0);
	  transform: translate3d(0, -15px, 0);
	  -webkit-transition: -webkit-transform 0.6s, opacity 0.5s;
	  transition: transform 0.6s, opacity 0.5s;
	  z-index: 2;
	}
/*------------メニューアイコン--------------------*/
	.langIcon { 
	  background:url(../img/sp_lang.png);
	  background-size:100%;
	  display:block;
	  overflow:hidden;
	  padding-top:51px;
	  cursor: pointer;
	  display: block;
	  width: 40px;
	  height: 0;
	  position:fixed;
	  top:10px;
	  right:57px;
	  z-index:100;
	}


/*==============モーダル背景============================*/
	.lang {
	  background: #000;
	  height:900px;
	  bottom: 0;
	  left: -100%;
	  position: fixed;
	  top: 0;
	  width: 100%;
	  -webkit-transition: left 0.4s;
	  transition: left 0.4s;
	  z-index:10;
	  opacity:0.8;
	}
/*==============システム============================*/

	.HiddenCheckbox:checked ~ .langHeader {
	  opacity: 1;
	  -webkit-transform: none;
	  -ms-transform: none;
	  transform: none;
	}
	.HiddenCheckbox:checked ~ .langIcon::before {
	  -webkit-box-shadow: transparent 0 0 0;
	  box-shadow: transparent 0 0 0;
	  -webkit-transform: rotate(45deg) translate3d(6px, -3px, 0);
	  transform: rotate(45deg) translate3d(6px, -3px, 0);
	}
	.HiddenCheckbox:checked ~ .langIcon::after {
	  -webkit-transform: rotate(-45deg) translate3d(6px, 3px, 0);
	  transform: rotate(-45deg) translate3d(6px, 3px, 0);
	}
	.HiddenCheckbox:checked ~ .lang {
	  left: 0;
	}
/*==============文字============================*/

	.lang-list {
	  margin: 80px 0 0;
	}
	.lang-link {
      background:url(../img/sp_icon01.png)  right 12px no-repeat;
	  color: #fff;
	  display: block;
	  padding: 10px 5px;
	  z-index: 1;
	  border-bottom:solid 1px #fff;
	  margin:0 40px;
	  font-size:15px;
	}
		
}

/*===================================================================
							nav
===================================================================*/	
	
	#warpper .middle nav {
		width:100%;
		margin-top:70px;
		background:#0f3668;
	}
	
	nav .menu {
		width:980px;
		height:60px;
		margin:0 auto;
	}
	
	nav .menu li{
		background:url(../img/common/btn_off.gif) no-repeat;
		float:left;
		text-align:center;
	}
	
	nav .menu li a {
		width:196px; 
		height:60px;
		display:block;
		line-height:60px;
		font-size:14px;
		color:#fff;
	}
	
	nav .menu li:hover {
		background:url(../img/common/btn_on.gif);
	}
	
	@media screen and (min-width: 1030px){
		
	
	#hover-click{
		position: relative;
		width: 196px;
	}
	#hover-click > a{
		width: 196px;
		height: 60px;
		display: block;
		line-height: 60px;
		font-size: 14px;
		color: #fff;
	}
	#hover-click > ul{
		display: none;
		z-index: 9999;
		position: absolute;
		width: 100%;
		background: #dcedc8;
		text-align: center;
	}
	
	#hover-click > a li {
		background: url(../img/common/btn_off.gif) no-repeat;
		float: left;
		text-align: center;
	}
	.main_menu{
		width: 196px;
		height: 60px;
		font-size: 14px;
		color: #fff;
		display: block;
		line-height: 60px;
		cursor: pointer;
	}
	.main_menu img.rotate {transform: rotate(90deg);}
	
}

@media screen and (max-width: 1029px) and (min-width: 670px){
		.middle {display:none;}
}

@media screen and (max-width: 670px){
		.middle {display:none;}
}

/*===================================================================
							#title
===================================================================*/	

	#title {
		width:auto;
		height:190px;
	}
	#title h2{font-size:0;}
	
	
@media screen and (min-width: 1030px){
	
	#title {
		background:url(../img/common/bk.jpg) no-repeat ;
		background-size:cover;
		margin:0 auto;
	}
	
}

@media screen and (max-width: 1029px) and (min-width: 670px){
	
	#title {
		background:url(../img/common/bk.jpg) no-repeat ;
		background-size:cover;
		margin:70px auto 0;
	}
}

@media screen and (max-width: 670px){
	
	#title {
		background:url(../img/common/bk_sp.jpg) no-repeat ;
		background-size:cover;
		padding-top:50px;
		margin:70px auto 0;
	}
	
}


/*===================================================================
							#category
===================================================================*/	
	
@media screen and (max-width: 1029px) and (min-width: 670px){
		
	#category {
		background:#0b2b58;
		width:100%;
	}
	#category ul {position:relative;}
	#category ul li{
		font-size:12px;
		display:block;
		margin:0 auto;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 0 0 46px 100vw;
		border-color: transparent;
		border-left-color: #0f3668;
	}
	
	#category ul li:nth-child(even) {
	    border-bottom: solid 1px #fff;
		width:100%;
		border-width:thin;
		text-indent:100%;
		white-space:nowrap;
		overflow:hidden;
	}
		
	#category ul li a img {
		width:15px;
		padding-left:10px;
		background-size:100%;
	}
	
	#category ul li a{
		background: url(../img/common/arrow.gif) 650px 50% no-repeat;
		position: absolute;
		left: 50%;
		margin-left: -506px;
		width: 260px;
		height: auto;
		padding: 15px 365px;
		color: #fff;
		display: block;
		text-align: left;
		vertical-align: middle;
		line-height: 1.4em;
	}
	
	#category ul li.two a {
		padding: 9px 365px;
	}

}

@media screen and (max-width: 670px){
		
	#category {
		background:#0b2b58;
		width:100%;
	}
	#category ul {position:relative;}
	#category ul li{
		font-size:12px;
		display:block;
		margin:0 auto;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 0 0 46px 100vw;
		border-color: transparent;
		border-left-color: #0f3668;
	}
	
	#category ul li:nth-child(even) {
	    border-bottom: solid 1px #fff;
		width:100%;
		border-width:thin;
		text-indent:100%;
		white-space:nowrap;
		overflow:hidden;
	}
		
	#category ul li a img {
		width:15px;
		padding-left:10px;
		background-size:100%;
	}
	
	#category ul li a{
		background: url(../img/common/arrow.gif) 410px 50% no-repeat;
		position: absolute;
		left: 45%;
		margin-left: -259px;
		width: 260px;
		height: auto;
		padding: 15px 134px;
		color: #fff;
		display: block;
		text-align: left;
		vertical-align: middle;
		line-height: 1.4em;
	}
	
	#category ul li.two a{ padding: 9px 134px;}

}

/*===================================================================
						  サイト内リンク
===================================================================*/
	
@media screen and (max-width: 1000px){
		
		#no01 {
			padding-top:70px;
			margin-top:-70px;
		}
		
		#no02 {
			padding-top:70px;
			margin-top:-70px;
		}
		
		#no03 {
			padding-top:70px;
			margin-top:-70px;
		}
}

/*===================================================================
						  .breadcrumb
===================================================================*/
	
	.bred {
		width: 980px;
		margin:10px auto;
		font-size: 12px;
	}
	
	.bred li {
		display:inline-block;
	}
	
	.bred li a{ 
	    color: #3399ff;
		padding: 10px 5px 0;
		border-bottom:solid 1px ;
	}

@media screen and (max-width: 1030px) and (min-width: 670px){
		
	.bred {padding-left:20px;}
	
}

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

	.bred {display:none;}
	
 }

/*===================================================================
							  #page top
===================================================================*/

	#pageTop {
		position: fixed;
		bottom: 67px;
		right: 10px;
	}

	#pageTop a {
		background: url(../img/common/top.png)center no-repeat;
		display: block;
		z-index: 999;
		padding: 10px 0 0 10px;
		border-radius: 50%;
		width: 35px;
		height: 35px;
		background-color: #333333;
		text-indent: 100%;
		white-space: nowrap;
	}


/*===================================================================
						  h4
===================================================================*/
	
	 h4 {
		color:#1b4070;
		font-weight:bold;
		width:300px;
		text-align:left;
		padding-left:32px;
		margin-bottom:10px;
		position:relative;
		font-size:15px;
		letter-spacing:normal;
	}

	h4:before {
		content: '';
		position: absolute;
		left: 13px;
		top: 9px;
		display: inline-block;
		width: 25px;
		height: 4px;
		-moz-transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		transform: translateX(-50%);
		background-color: #1b4070;
	}

@media screen and (max-width: 1030px) and (min-width: 670px){
		
	 h4 {
		padding-left:32px;
		font-size:15px;
		letter-spacing:normal;
	}

	h4:before {
		content: '';
		width: 25px;
		height: 4px;
		position: absolute;
		left: 13px;
		top: 9px;
	}

	
}

@media screen and (max-width: 670px){
	
	
	h3:before {
		content: '';
		position: absolute;
		left: 50%;
		bottom: 0;
		display: inline-block;
		width: 35px;
		height: 2px;
		-moz-transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		transform: translateX(-50%);
		background-color: #1b4070;
	}
	
	h4 {
		width:300px;
		padding-left:22px;
		margin-bottom:10px;
		font-size:12px;
	}

	h4:before {
		content: '';
		left: 10px;
		top: 8px;
		width: 15px;
		height: 2px;
	}
	
	h4.two:before {
		left: 8px;
		top: 18px;
		height: 2px;
		width:17px;
	}

}

/*===================================================================
							  footer
===================================================================*/
	
	footer {
		background:#e1eef3;
		width:100%;
	}
	
	footer .pc ul{
		height:50px;
		margin:0 auto;
		text-align:center;
		letter-spacing:-0.4em;
	}
	
	footer .pc li{
		display:inline-block;
		font-size:12px;
		border-right:solid 1px #000;
		padding:0 10px;
		color:#000;
		margin-top:18px;
		letter-spacing:normal;
	}
	
	footer .pc li:hover { opacity:0.5;}
	
	footer .pc li:last-child{ border-right:none;}
	
	footer small {
		color:#fff;
		background:#0f3668;
		width:100%;
		display:inline-block;
		text-align:center;
		font-size:10px;
	}
	
@media screen and (min-width: 1030px) {
	
	footer small {
		line-height:65px;
		font-size:12px;
	}


}
	
@media screen and (max-width: 1030px) and (min-width: 670px){
	
	footer.pc {display:block;}
	footer.sp {display:none}
	
	footer small {
		line-height:65px;
	}


}

@media screen and (max-width: 670px){
	
	footer .pc {display:none;}
	footer {background:#0f3668;}
	
	footer .sp {
		display: block;
		width: 70px;
		background: url(../img/common/sp_footer.png) center no-repeat;
		background-size: 100%;
		padding: 40px 0 20px;
		margin: 0 auto;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
	}
	
	footer small {
		width:auto;
		padding:0 20px 10px;
		display: block;
	}

}