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

/*----------------------------------------------------------------default*/
html {font-size: 62.5%; }

a {
color: #000;
text-decoration: none;
}

a:focus{
outline: none;
}

a:hover img {opacity: .9;
						-webkit-animation: flash .5s;
						animation: flash .5s;}
@-webkit-keyframes flash {
	0% {
		opacity: .2;
	}
	100% {
		opacity: .9;
	}
}
@keyframes flash {
	0% {
		opacity: .2;
	}
	100% {
		opacity: .9;
	}
}

p {
margin: 0;
padding: 0;
}

h1,h2,h3,h4,h5,h6 {
font-size: 100%;
margin: 0;
padding: 0;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

img {
vertical-align: top;
max-width: 100%;
height: auto;
border: 0;
}

ul {
margin: 0;
padding: 0;
}

ul li {
padding: 0;
list-style-type: none;
}

ol {
padding: 0 0 0 1.5em;
}

ol li {
list-style-type: decimal;
}

dl,
dt,
dd {
margin: 0;
padding: 0;
}

dt {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

#clear_wall img{width:100%;
				height:100%;
				position:absolute;
				z-index:901;}

/*-----------------------------------------------
スマホ
-------------------------------------------------*/
body {
font-family: Arial, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', Sans-Serif;
font-size: 1.2rem;
line-height: 1.2;
margin: 0;
padding: 0;}


#headNav {display:none;}

.left_box {display:none;}
#clear_wall img {display:none;}
.pc_grandista {display:none;}

#headNav_sp {background:#000; width:100%; height:50px; padding:10px 0 10px 0; display:block; position:fixed; top:0; z-index:998;}
#headNav_sp .c_logo_sp img{height:50px; float:left; margin-left:5px;}
.spmenu4 {position:absolute; right:65px; top:25px;}

.spmenu{float:right;
		-webkit-border-radius: 50%;/* 50%でもOK */
		-moz-border-radius: 50%;
		border-radius: 50%;
		background-color: #FFF;/* 円の色 */
		width:50px;
		height:50px;}
		
div .spmenu			{top:13px; right:10px; position:absolute; cursor:pointer; overflow:hidden; z-index:997;  }
div .spmenu1			{ width:25px; height:3px; background-color:#333; top:15px; left:12px; position:absolute; } 
div .spmenu2			{ width:25px; height:3px; background-color: #333; top:23px; left:12px; position:absolute; } 
div .spmenu3			{ width:25px; height:3px; background-color: #333; top:31px; left:12px; position:absolute; }

div .spmenu1,div .spmenu2,div .spmenu3
					{ transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; /* Opera */ -moz-transition: all 0.5s ease-out; /* Firefox */
					 -webkit-transition: all 0.5s ease-out; /* GoogleChrome, Safari */ -ms-transition: all 0.5s ease-out; /* IE */ }

#spmenu {display:none;}

#spmenu {width:100%;
			position:absolute;
			z-index:997;
			top:70px;
			text-align:center;
			background:rgba(0,0,0,0.7);
			font-size:20px;
			line-height:180%;
			padding:10px;}

#spmenu li{width:50%;
			float:left;
			text-align:left;
			color:#FFF;}
#spmenu li a{color:#FFF;}

#spmenu .orange{color:#F90;}

div .menuclick1		{ top:23px; -o-transform: rotate(405deg); -moz-transform: rotate(405deg); -webkit-transform: rotate(405deg);
				 	-ms-transform: rotate(405deg); transform: rotate(405deg); }
div .menuclick2		{ background-color:rgba(255,255,255,0);  }
div .menuclick3		{ top:23px; -o-transform: rotate(-405deg); -moz-transform: rotate(-405deg);
					-webkit-transform: rotate(-405deg); -ms-transform: rotate(-405deg); transform: rotate(-405deg); }

#sp_logo {width:300px;
			text-align:center;
			margin:90px 0 0 0;
			position:relative;
left: 50%;
-webkit-transform: translate(-50%,0);
-moz-transform: translate(-50%,0);
-ms-transform: translate(-50%,0);
-o-transform: translate(-50%,0);
transform: translate(-50%,0);
			display:block;}


#right_contain {width:100%;
				margin:590px 0 0 0;}
				
.right_box {width:100%;
			right:0;
			margin:0;}


.r_menu img{margin:15px 0 10px 0; width:100%;}

.news_block {width:100%;
				height:200px;
				margin:-10px 0 0 0;
				padding:0;
				background:#FFF;
				text-align:left;
				line-height:180%;
				overflow-y:scroll;
				border-right:#000 0px solid;
				border-left:#000 0px solid;
				border-bottom:#000 1px solid;}

.news_block b{color:#000; font-size:14px;}

.copy_block {width:100%; padding:15px 0 15px 0; font-size:10px; text-align:left;}

#footerArea {display:none;}

#footerArea2{margin:60px 0 0 0;}

#page-top {
display: inline-block;
color: #fff;
font-size: 1.5rem;
font-weight: bold;
background: rgba(215,0,15,.7);
border-radius: 5px;
padding: 10px;
position: fixed;
right: 30px;
z-index: 1000;
cursor: pointer;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

footer .mobile {
display: none;
}

footer .pagetop {
display: none;
}

footer nav h3 {
background: #222;
color: #fff;
font-size: 1.8rem;
line-height: 26px;
padding: 0 10px;
margin: 0 0 1px;
position: relative;
}

footer nav h3:after {
position: absolute;
top: 7px;
right: 10px;
display: block;
width: 0;
height: 0;
content: '';
border: 8px solid transparent;
border-top: 10px solid #fff;
}

footer nav h3.active:after {
position: absolute;
top: -1px;
right: 10px;
display: block;
width: 0;
height: 0;
content: '';
border: 8px solid transparent;
border-bottom: 10px solid #fff;
}

footer nav li {
color: #000;
font-size: 1.2rem;
line-height: 21px;
border-bottom: 1px solid #000;
}

footer nav ul li:last-child {
border: none;
}

footer nav li a {
padding: 0 30px;
}

footer nav .mobile {
display: none;
}

footer .footer-logo {
display: none;
}

footer .attention {
background: #222;
padding: 3%;
font-size: 0.9rem;
color: #888;
}

footer #copyright h1 {
text-align: center;
line-height: 26px;
background: #000;
color: #888;
}

footer #copyright h1:before {content: '▼ '; }

footer #copyright h1.active:before {content: '▲ '; }

footer #copyright h1:after {content: 'を開く ▼'; }

footer #copyright h1.active:after {content: 'を閉じる ▲'; }

footer #copyright .inner {
width: 94%;
margin: 10px auto;
background: #fff;
}


@media all and (min-width:961px) {
body {margin:0; padding:0;}

.pc_grandista {display:block;}

#sp_logo {display:none;}

/*------
contain
-------*/

#right_contain {width:924px;
				position:relative;
				top:45px;
				z-index:998;
				margin:0 auto;}
				
.pc_logo {width:600px;
	      margin:0 0 0 450px;}
			
.left_box {float:left;
			position:relative;
			display:block;}

.right_box {width:350px;
			float:right;
			position:relative;
			margin:0;
			right:0;}


.r_menu img{margin:15px 0 10px 0;}

.news_block {width:318px;
				height:200px;
				margin:-10px 0 0 0;
				padding:15px;
				background:#FFF;
				text-align:left;
				line-height:180%;
				overflow-y:scroll;
				border-right:#000 1px solid;
				border-left:#000 1px solid;
				border-bottom:#000 1px solid;}

.news_block b{color:#000; font-size:14px;}

.copy_block {width:350px; 
             padding:15px 0 15px 0; 
			 text-align:left; 
		     text-shadow: 1px 1px 0 #fff,
                          -1px 1px 0 #fff,
                          1px -1px 0 #fff,
                          -1px -1px 0 #fff;
}

#decorated-id::-webkit-scrollbar {
  all:unset;
  width: 12px;
  background: transparent;
}
 
#decorated-id::-webkit-scrollbar-track {
  all:unset;
  border-radius: 0;
  background: transparent;
  background:#EEE;
}
 
#decorated-id::-webkit-scrollbar-thumb {
  all:unset;
  border-radius: 0;
  background: transparent;
  background-color:#000;
}
 
#decorated-id::-webkit-scrollbar-thumb:hover {
  background: transparent;
}

/*-----
-------*/

.sub_right_box {width:320px;
			float:right;
			position:relative;
			margin:0 -120px 0 0;
			right:0;}

.sub_right_box img{margin:0 25px 0 0;}

.center_box {width:924px;
				margin:-100px;}





/* ---------------------------------------------
	0 - header
--------------------------------------------- */
#headNav_sp {display:none;}

#headNav{
	background:#131313;
	color:#fff;
	font-size:11px;
	height:38px;
	position:relative;
	z-index:999;
	display:block;
}

#headNav ul{
	margin:11px 0 0 52px;
	padding:0 5px 0 0;
	border-right:#2B2B2B 1px solid;
	float:left;
	}
#headNav li{
	display:inline-block;
	padding-right:15px;
}
.ie8 #headNav li { font-size:10px;}
#headNav li:before{
	content:"●";
	color:#F99605;
	padding-right:2px;
}
#headNav li a{ text-decoration:none; color:#fff; }
#headNav li a:hover{ text-decoration:underline; }

#headNav .bpNavi {
    padding: 5px 0px 5px 10px;
    display: inline-block;
    float: left;
}
#headNav .Search{
	padding: 8px 0 8px 0 ;
    display: inline-block;
	}
#headNav .Search .SearchBox{
	height:12px;
	width:110px;
	margin-right:1px;
	margin-left:15px;
    padding: 4px 4px;
	border:solid 1px #ccc;
	border-radius:3px;
    box-sizing: content-box;
	font-size:100% !important;
	}	
#headNav .Search .send{
    margin-left:5px;
    margin-bottom:-6px;
}
	.ie8 #headNav .Search .send{ margin-bottom:-10px;  }

#headNav .mobileBnr {
    display: inline-block;
    float: right;
    position: relative;
    z-index: 10;
}

.wrapArea960{ width:960px; margin:0 auto; }



/* ---------------------------------------------
	0 - footer
--------------------------------------------- */
#footerArea2 {display:none;}
#footerArea{ clear:both; padding-top:30px; margin:0 auto; position:absolute; width:100%; top:1120px; z-index:999; display:block;}

#footerArea .linkArea{ background-color:#FFFFFF; width:100%; }
#footerArea .linkArea ul{ width:790px; margin:0 auto; padding:10px 100px 10px 10px; }
#footerArea .linkArea ul li{ float:left; margin-right:5px; }


#footerArea .menuArea{ background-color:#222222; border-top:#4a4a4a 1px solid; padding:15px; }

#footerArea .menuAreaWrap{ width:900px; margin:0 auto; position:relative; }
#footerArea .menuAreaWrap .pagetop{ position:absolute; top:-32px; left:810px; }
#footerArea .menuAreaWrap .pagetop a:hover img{ filter: alpha(opacity=100); -moz-opacity:1; opacity:1; }


#footerArea .menuArea ul{ width:900px; margin:0 auto; padding-top:10px; }
#footerArea .menuArea ul li{ width:90px; padding:0 13px; float:left; border-right:#363636 solid 1px; border-left:#191919 1px solid; }

#footerArea .menuArea ul li.contents{ border-left: 0; width:120px; }
#footerArea .menuArea ul li.support { width:120px; }
#footerArea .menuArea ul li.company { width:120px; }
#footerArea .menuArea ul li.link { width:87px; }
#footerArea .menuArea ul li.footerLogo{ border-right:0; }

#footerArea .menuArea ul li a{ color:#FFFFFF; text-decoration:underline; }
#footerArea .menuArea ul li a:hover{ text-decoration:none; }
#footerArea .menuArea ul li dt{ font-size:14px; font-weight:bold; color:#FFFFFF; margin-bottom: 6px; }
#footerArea .menuArea ul li dd{ font-size:10px; line-height:2em; font-weight:normal; color:#FFFFFF; }

#footerArea .menuArea ul li.mobile{ width: 215px; float:left;  border-left:#191919 1px solid; }
#footerArea .menuArea ul li.mobile dd.qr{ padding-top:7px; margin-right:10px; float:left; }
#footerArea .menuArea ul li.mobile dd{ font-size:11px; padding-top:7px; line-height:1.4; font-weight:normal; color:#FFFFFF; }
#footerArea .menuArea ul li.mobile dd span{ color:#888888; font-size:10px; }

#footerArea .attention{ padding:20px; color:#888888; font-size:10px; text-align:center; }

#footerArea .copyright{ background-color:#FFFFFF; }
#footerArea .copyright a{ text-decoration:underline; color:#666666; }

#footerArea .copyright .Open{ background-color:#000000; color:#888888; text-align:center; font-size:10px; text-align:center; }
#footerArea .copyright .Open span{ color:#666666; text-align:center; font-size:10px; text-align:center; }
#footerArea .copyright .txt{ color:#000000; font-size:10px; width:880px; padding:10px; margin:0 auto; }
}