@charset "shift_jis";
/* CSS Document */
html{
	font-size: 62.5%;
}
body	{
	font-size: 14px;
	font-size: 1.4rem;
	font-family:"游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height: 1.8;
	margin:0;
	padding:0;
}
.wrapper {
	width:100%;
	margin:0 auto;
	position:relative;
}
/* アクティブページ設定 */



/*ヘッダー*/
.wrapper header {
	width:100%;
	margin:0;
}
.headerinner{
	width:100%;
	height:50px;
	position:fixed;
	top:0;
	background-color:rgba(255,255,255,0.8);
	z-index:9999;
}
.headerinner hgroup {
	position:absolute;
	top:5px;
	left:5px;
}
.headerinner hgroup figure img{
	height:40px;
}

/*.headerinner #phone {
	position:absolute;
	top:8px;
	right:95px;
	width:35px;
}*/
.headerinner #contact {
	position:absolute;
	top:8px;
	right:50px;
	width:45px;
	height:35px;
	background: #333;
	background-size:30px;
	border-radius:5px;
	padding-top:8px;
	text-align:center;
}
.headerinner #contact p{
	color:#FFF;
	font-size:1.1rem;
	white-space:nowrap;
}
.headerinner nav ul {
	/*text-align:right;*/
	font-size:13px;
	font-size:1.3rem;
	margin-bottom:3px;
	overflow-y: scroll;
}
.headerinner nav ul li{
	/*display:inline-block;*/
	/*text-align:right;*/
	/*margin-left:15px;*/
}
.headerinner a{
	text-decoration: none;
	text-align: center;
	color:#333;
}
.headerinner a:hover img	{
	opacity:0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
}
.kuromaru {
	width:35px;
	height:35px;
	text-align:center;
	background-color:#333;
	border-radius:50%;
}
.kuromaru i{
	font-size:2.4rem;
	color:#FFF;
	padding-top:5px;
}
/*シマホ非表示*/
.spnon {
	display:none;
}


/*メニューボタン*/
#sp_menu_btn {
    display: block;
    width: 42px;
    height:42px;
	position:absolute;
    top: 5px;
    right: 5px;
}
#sp_menu_btn span {
    display: block;
	background: #333;
    width: 24px;
    height: 2px;
    position: absolute;
    left: 9px;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
}
#sp_menu_btn span:first-child {
    top: 12px;
}
#sp_menu_btn span:nth-child(2) {
    margin-top: -1px;
    top: 50%;
}
#sp_menu_btn span:last-child {
    bottom: 12px;
}
#sp_menu_btn.active span:first-child {
    -webkit-transform: translateY(8px) rotate(45deg);
    -moz-transform: translateY(8px) rotate(45deg);
    -ms-transform: translateY(8px) rotate(45deg);
    transform: translateY(8px) rotate(45deg);
	background: #333 ;
}
#sp_menu_btn.active span:nth-child(2) {
    opacity: 0;
}
#sp_menu_btn.active span:last-child {
    -webkit-transform: translateY(-8px) rotate(-45deg);
    -moz-transform: translateY(-8px) rotate(-45deg);
    -ms-transform: translateY(-8px) rotate(-45deg);
    transform: translateY(-8px) rotate(-45deg);
	background: #333 ;
}
nav#sp_open_menu {
	clear:both;
	position: fixed;
    top: 50px;
    right: -95%;
    width: 90%;
	/*left: 0;
    width: 100%;*/
	height: 90%;
	overflow-y: scroll;
	-webkit-overflow-scrolling:touch;

    background: rgba(250,250,250,0.95);
	box-shadow:-5px 0px 10px 2px rgba(102,102,102,0.14);
	-moz-box-shadow:-5px 0px 10px 2px rgba(102,102,102,0.2);
	-webkit-box-shadow:-5px 0px 10px 2px rgba(102,102,102,0.2);
	transition-duration:0.5s;
	z-index:9999;	
}
nav#sp_open_menu.close {
	display:block;
	right: -95%;
	-webkit-animation: slideOut 0.5s linear 0s 1;
	animation: slideOut 0.5s linear 0s 1;
}
nav#sp_open_menu.open {
	display:block;
	right: 0;
	transform: translateX(0);
}

nav#sp_open_menu ul{
	width:100%;
	clear:both;
	border-bottom: 1px solid #CCC;
	margin:0;
}
nav#sp_open_menu ul > li,
nav#sp_open_menu ul > a{
	width:100%;
	text-align:center;
	border-top: 1px solid #CCC;
	display:block;
	padding:15px 0;
	text-decoration: none;
}


/*ページコンテンツ*/
.containerAll {
	width:100%;
	margin:0 0 30px;
}
.container {
	width:100%;
	margin:10px 0 30px;
}
/*ページコンテンツヘッダー*/
header.pagetitle {
	width:100%;
	background:url(img/bg_page_title.jpg) no-repeat top right #F0F0F0;
	background-size:auto 80px;
	height:80px;
	margin:60px 0 30px 0;
	display:table;
}
header.pagetitle h1{
	width:100%;
	display:table-cell;
	vertical-align:middle;
	font-size:1.6rem;
	padding-left:10px;
	
}
header.pagetitle h1{
	background: -moz-linear-gradient(left, rgba(240,240,240,1) 50%, rgba(240,240,240,0.5) 70%, rgba(240,240,240,0) 90%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(240,240,240,1) 50%,rgba(240,240,240,0.5) 70%, rgba(240,240,240,0) 90%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(240,240,240,1) 50%,rgba(240,240,240,0.5) 70%, rgba(240,240,240,0) 90%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	
 
}
/* フッターナビ */
footer{
	width:100%;
	overflow:hidden;
}
footer .gotop {
	width:100%;
	margin:20px auto 15px;
	height:50px;
}
footer .gotop p{
	width:80px;
	height:50px;
	color:#FFF;
	background: rgba(0,0,0,0.7);
	font-size:10px;
	font-size:1rem;
	text-align:center;
	border-radius:6px;
	float:right;
	margin-right:3px;
}
footer .gotop p i{
	font-size:20px;
	font-size:2rem;
}
footer .linkicon {
	width:100%;
	position:relative;
}
footer .links{
	width:100%;
	margin:0;
	background-color:#CCC;
}
footer .links ul{
	width:80%;
	margin:0 auto;
	padding:10px;
	display:table;
	border-spacing:10px 0;/*左右、上下*/
}
footer .links ul > a,
footer .links ul > li{
	display:table-cell;
	vertical-align:middle;
	text-align:center;
}

footer .links ul li img{
	max-width:100%;
}
footer .icons{
	display:none;
}
footer .icons_sp{
	position:absolute;
	bottom:-45px;
	right:5px;
	width:155px;
	vertical-align:bottom;
}
footer .icons_sp ul{
	margin:0;
	text-align:right;
	display:table;
	width:100%;
}
footer .icons_sp ul a{
	display:table-cell;
	vertical-align:middle;
	text-align:right;
	margin-left:10px;
}
footer .icons_sp ul a img{
	max-height:20px;
}

.shiromaru {
	width:34px;
	height:34px;
	text-align:center;
	background-color:#FFF;
	border-radius:50%;
}
.shiromaru i{
	font-size:2.4rem;
	color:#000;
	padding-top:5px;
}


footer .sitemap:before{
	clear:both;
	content:"";
	display:table;
}
footer .sitemap{
	width:100%;
	background-color:#000;
}
footer .sitemap .sitemapinner{
	width:100%;
	height:90px;
	margin:0;
	padding:20px 0;
	overflow:hidden;
	color:#FFF;
	font-size:13px;
	font-size:1.3rem;
	position:relative;
}
footer .sitemap .sitemapinner a{
	color:#FFF;
	text-decoration:none;
}
footer .sitemap .sitemapinner a:hover{
	color:#FFF;
	text-decoration:underline;
}
footer .sitemap .sitemapinner .logoaddress{
	position:absolute;
	top:10px;
	left:10px;
}
footer .sitemap .sitemapinner .logoaddress img{
	width:136px;
	margin:0 0 10px 0;
}
footer .sitemap .sitemapinner .logoaddress p{
	font-size:12px;
	font-size:1.2rem;
}
footer .sitemap .sitemapinner nav{
	display:none;
}

footer .sitemap .copyright{
	clear:both;
	font-size:11px;
	font-size:1.1rem;
	color:#CCC;
	text-align:center;
	border-top:1px #666 solid;
	padding:5px;
}
/*-----------------ページナビ--------------------------------------------------*/
aside{
	margin:30px;
}
aside a{
	text-decoration:none;
	color:#36C;
}
aside a:hover{
	text-decoration:underline;
}





/*共通*/
/* text */
.txCenter {
	text-align:center;
}
.ind {
	text-indent:-1em;
	margin-left:1em;
}
/* img */
.pagetopimg{
	width:100%;
}
.pagetopimg img{
	width:100%;
	margin-bottom:30px;
}
.imgCenter {
	text-align:center;
	margin:0 auto;
	display:block;
}
.imgLeft {
	display:block;
	float:left;
}
.imgRight {
	display:block;
	float:right;
}
/*文字サイズ*/
.fs10 {
	font-size:1rem;
}
.fs11 {
	font-size:1.1rem;
}
.fs12 {
	font-size:1.1rem;
}
.fs13 {
	font-size:1.2rem;
}
.fs14 {
	font-size:1.3rem;
}
.fs15 {
	font-size:1.4rem;
}
.fs16 {
	font-size:1.4rem;
}
.fs18 {
	font-size:1.6rem;
}
.fs20 {
	font-size:1.8rem;
}
.fs22 {
	font-size:2rem;
}
.fs24 {
	font-size:2.1rem;
}
.fs26 {
	font-size:2.2rem;
}
.fwbold {
	font-weight:bold;
}
/*マージン*/
.mgnTop10 {
	margin-top:10px;
}
.mgnTop20 {
	margin-top:20px;
}
.mgnTop30 {
	margin-top:30px;
}
.mgnBtm10 {
	margin-bottom:10px;
}
.mgnBtm20 {
	margin-bottom:20px;
}
.mgnBtm30 {
	margin-bottom:30px;
}
.mgnBtm40 {
	margin-bottom:40px;
}

.mgnLft10 {
	margin-left:10px;
}
.mgnLft20 {
	margin-left:20px;
}
.mgnLft30 {
	margin-left:30px;
}
.mgnRit10 {
	margin-right:10px;
}
.mgnRit20 {
	margin-right:20px;
}
.mgnRit30 {
	margin-right:30px;
}
.mgnTB10 {
	margin-top:10px;
	margin-bottom:10px;
}
.mgnTB20 {
	margin-top:20px;
	margin-bottom:20px;
}
.mgnTB30 {
	margin-top:30px;
	margin-bottom:30px;
}

/* clearfix */
.cf:before,
.cf:after{
  content:"";
  display: table;
}
.cf:after{
  clear:both;
}
/*IE6,7対策 （haslayout対策）*/
.cf{
  *zoom:1;
}
/*スマホでメニューを開いた時にコンテンツがスクロールしないように*/
.fixed {
  position: fixed;
  width: 100%;
  height: 100%;
}