@charset "UTF-8";


/* 共通
---------------------------------------------------------------- */
.subtitle{ background:#000000; width:100%; text-align:center; font-size:24px; padding:2.5em 0;}
.subtitle i{ border-bottom:2px solid #00A2E6; width:10%; margin:0 auto;  display:block;}
.breadcrumb ul{ margin-top:/*1em*/0; padding:1em 0;}
.breadcrumb li{ float:left; margin:0 0.25em 0;}
.breadcrumb li a{ text-decoration:underline;}
.sub{ width:100%; margin:0 auto; background:#1E1E1E; position:relative;}
.subContents{ width:100%; margin:3% auto 0;  }
.txt01{ text-align:center; margin:50px 0 0;}
.txt02{ text-align:left; margin:50px 0 0;}
.coment{margin-top:0.5em;}
.coment02{margin-bottom:1em; font-size:14px;}

.completeBox{ border:1px solid #5A5A5A; background:#282828; padding:50px 30px; text-align:center;}
.completeBox h2{ font-size:18px; margin-bottom:1em;}

@media only screen and (max-width: 768px){
.subContents{ margin:3% auto 0; }
.subtitle{ font-size:18px; padding:2em 0; }
.subtitle i{  width:25%; }
.breadcrumb ul{ padding:0.5em 0;}
.breadcrumb {border-bottom:1px solid #5A5A5A; }
.breadcrumb li{ font-size:13px; margin:0  0.5em ;}
.txt01{ text-align:left; margin:30px 0 0; font-size:13px; }
.txt02{ text-align:left; margin:30px 0 0; font-size:13px; }
.coment,
.coment02{ font-size:13px; }

.completeBox{ padding:30px 15px; text-align:left;}
}



/* ボタン
---------------------------------------------------------------- */
.btnBox{ text-align:center; margin:50px 0 70px; }
.btnBox p.copy{ margin-bottom:1em; }
input[type="submit"] { width:45%;font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;　transition: all .3s;　margin:1%;}
@media only screen and (max-width: 768px){
.btnBox{ text-align:center; margin:30px 0 10px; }
input[type="submit"] { width:90%;}
	}

	/*20160729 .Btn06a 追加*/
	@media only screen and (min-width: 769px){
	.Btn06a{
	    margin-left:50px;
	    margin-right: -63px;
	    float: left;
	}
	
	}

	@media only screen and (max-width: 768px){
	.btnBox{ text-align:center; margin:30px 0 10px; }
	input[type="submit"] { width:90%;}

	.Btn06a{
	    margin-left:0px;
	    float: none;
	}
	
	}


	/*20160729追加 ここまで*/

.Btn01{ color:#FFF; background:#00A2E6; padding:0.5em 2em 0.5em 2.5em; margin:2em 0 5em; display:inline-block; vertical-align: middle;}
.Btn01:hover{background:#30c1ff; color:#FFF;}

.Btn02{ color:#FFF; background:#00A2E6;padding:1em 5em 1em 5.5em; margin:3em 0 7em;display:inline-block;  vertical-align: middle; }
.Btn02:hover{background:#30c1ff; color:#FFF;}

.Btn03{
   color:#FFF;
   font-size:20px;
   background:#00A2E6 url(../images/mypage/arrow_l.png) no-repeat 96% center;
   margin:1.5em 0 1em;
   padding:30px 50px;
   display:inline-block;
   }
.Btn03:hover{background:#30c1ff url(../images/mypage/arrow_l.png) no-repeat 96% center; color:#FFF;}

.Btn04{
   background:#00A2E6 url(../images/common/btn_arrow.png) no-repeat 5% center;
   color:#FFF;
   text-align:center;
   padding:25px 0;
   font-size:18px;
   margin:1%;
	}
.Btn04:hover{background:#30c1ff url(../images/common/btn_arrow.png) no-repeat 5% center; color:#FFF;}

.Btn05{
   background:#00A2E6;
   color:#FFF;
   text-align:center;
   padding:10px 0;
   width:100%!important;
   margin:0!important;
   font-size:14px;
   transition: all .3s;
	}
.Btn05:hover{background:#30c1ff ; color:#FFF;}
.Btn06{
   background:#555 url(../images/common/btn_arrow.png) no-repeat 5% center;
   color:#FFF;
   text-align:center;
   padding:25px 0;
   font-size:18px;
   margin:1%;
	}
.Btn06:hover{background:#777 url(../images/common/btn_arrow.png) no-repeat 5% center; color:#FFF;}


.Btn07{
   background:#00A2E6 url(../images/common/btn_arrow.png) no-repeat 5% center;
   color:#FFF;
   text-align:center;
   padding:25px 2%;
   font-size:18px;
   vertical-align: middle;
    width:41%;
	display:inline-block;
	}
.Btn07:hover{background:#30c1ff url(../images/common/btn_arrow.png) no-repeat 5% center; color:#FFF;}


.Btn08{
   background:#00A2E6 url(../images/common/btn_arrow.png) no-repeat 5% center;
   color:#FFF;
   text-align:center;
   padding:25px 0;
   font-size:18px;
   vertical-align: middle;
    width:45%;
	display:inline-block;
	}
.Btn08:hover{background:#30c1ff url(../images/common/btn_arrow.png) no-repeat 5% center; color:#FFF;}

.Btn09{ color:#FFF; background:#00A2E6; padding:0.5em 2em 0.5em 2.5em;display:inline-block; vertical-align: middle;}



@media only screen and (max-width: 1000px){
.Btn07{  font-size:15px; }
	}

@media only screen and (max-width: 768px){
.Btn03{ font-size:16px;padding:25px 0px; }
.support .Btn03{ font-size:16px;padding:25px 30px; }
.Btn03:hover{background-image:none;}
.Btn04,
.Btn04:hover,
.Btn04:active{ font-size:16px;}

.Btn06,
.Btn06:hover,
.Btn06:active{ font-size:16px; }
.Btn07{ width:88%; }
.Btn08{ width:100%; }
}




@media only screen and (max-width: 480px){
.Btn01,
.Btn01:hover,
.Btn01:active{ padding:0.5em 2em 0.5em 2.5em; margin:2em 0 ; }

.Btn02,
.Btn02:hover,
.Btn02:active{ padding:1em 5em 1em 5.5em; margin:2em 0 5em; }

.Btn03,
.Btn03:hover ,
.Btn03:active { font-size:15px;  }

.Btn04,
.Btn04:hover,
.Btn04:active{ font-size:15px;}

.Btn06,
.Btn06:hover,
.Btn06:active{ font-size:15px; }

.Btn08,
.Btn08:hover,
.Btn08:active{ font-size:15px; }

}

/* トップページ
---------------------------------------------------------------- */
.topMain{ background:#000 url(../images/top/main_2000.jpg) no-repeat bottom center; height:700px; background-size:contain;}
.topMain div{ color:#FFF; max-width:1100px; margin:0 auto; width:100%; padding:5.5% 0 0 ;}
.topMain div h2{ font-size:30px; margin-top:1.2em;}
.topMain div p{ font-size:17px; margin-top:1.2em;}

.topMain-img{ width:100%;}

.topToContents{ width:100%; margin:0 auto; background:#282828;}
.topToContents ul{padding:5% 0;}
.topToContents li{width:47.2727%; float:left;}
.topToContents li:first-child{ margin-right:5.4546%}


.topProduct{ width:100%; margin:0 auto; background:#1E1E1E;}
.topProduct li{ width:45.45%; text-align:center; float:left; margin-bottom:70px;}
.topProduct li a{ color:#FFF; }
.topProduct li a:hover .txt{ text-decoration:underline;}
.topProduct li:nth-child(odd){ margin-right:9.09%;}
.topProduct li p.pic{ border:1px solid #5A5A5A; box-sizing:border-box; padding:1px; display: inline-block; }
.topProduct li a:hover p.pic{ border:1px solid #30c1ff; transition: all .3s;}
.topProduct li h3{ font-size:24px; font-weight:bold; margin:1.5em 0 0.8em;}
.topProduct li a:hover h3{ color:#30c1ff;}
.topProduct li a .Btn01{transition: all .3s;}
.topProduct li a:hover .Btn01{background:#30c1ff; color:#FFF;}



.topGame{ width:100%; margin:0 auto;  background:#000000;}
.topGame li div.box{ clear:both; padding:0 0 3em; margin-bottom:3em; border-bottom:1px solid #5A5A5A;}
.topGame li div.pic{ float:left; width:38.1818%; }
.topGame li div.txt{ padding:0 0 0 45%; }
.topGame li div dl{ font-size:14px;}
.topGame li div dt{ float:left; width:15%;}
.topGame li div dd{ padding:0 0 1em 15%;}
.topGame li div dd a{ text-decoration:underline;}
.topGame li h3{ font-size:20px; margin:1em 0;}





.topNews{ width:100%; margin:0 auto; background: url(../images/top/top_08.jpg) repeat 0 0;}
.topNews dl a:link { color:#000;text-decoration: none;}
.topNews dl a:visited {color:#000;text-decoration: none;}
.topNews dl a:hover {color:#00A2E6;text-decoration: none;}
.topNews dl a:active {color: #00A2E6;text-decoration: none;}
.topNews dl{ border-top:2px solid #000;}
.topNews dt{ float:left; width:12%; padding:1.5% 1%; color:#878787;}
.topNews dd{ padding:1.5% 0 1.5% 14%; border-bottom:1px solid #CDCDCD; color:#000;}

.topContact {
	background: #1E1E1E;
	margin: 0 auto 3em auto;
	padding: 3em 0;
}
.topContact a { text-decoration: underline;}


@media only screen and (max-width: 1500px){
/*.topMain{ background:#000 url(../images/top/main_1500.jpg) no-repeat bottom center; height:700px; background-size:contain;}*/

.topMain div h2{ font-size:24px; }
.topMain div p{ font-size:16px; }

.topGame li div dt{ float:none; width:100%;}
.topGame li div dd{ padding:0 0 1em;}

}

@media only screen and (max-width: 1200px){
.topMain div{  padding:5.5% 3% 0 ; width:96%;}
}

@media only screen and (max-width: 1000px){
/*.topMain{ background:#000 url(../images/top/main_1200.jpg) no-repeat bottom center; height:600px; background-size:contain;}*/
.topMain div h2{ font-size:18px; }
.topMain div p{ font-size:14px; }
.topMain .newline{ display:none;}


}

@media only screen and (max-width: 768px){
.topMain{ background:#000 url(../images/top/main_900.jpg) no-repeat top center; height:100%;  padding-bottom:10%; background-size:contain;}
.topMain div{  width:90%; padding:60% 5% 0;}
.topMain div h2{ font-size:18px; }
.topMain div p{ font-size:14px; }

.topToContents ul{padding:2% 0;}
.topToContents li{width:100%; float:none; text-align:center; margin:7% 0;}
.topToContents li:first-child{ margin-right:0; }

.topProduct li{ width:100%; text-align:center; float:none; margin-bottom:50px;}
.topProduct li:nth-child(odd){ margin-right:0;}
.topProduct li h3{ font-size:20px;margin:1em 0 0.5em;}

.topGame li h3{ font-size:20px; }
.topGame li div.box{ clear:both; padding:0 0 1em; margin-bottom:2em; border-bottom:1px solid #5A5A5A;}
.topGame li div.pic{ float:none; width:100%; text-align:center;}
.topGame li div.txt{ padding:0 0 0; }
.topGame  .more{  padding:0.7em 3em 0.7em 3.5em; margin:1em 0 3.5em; }



.topNews dt{ float:none; width:98%; padding:1% 1% 0; color:#878787;}
.topNews dd{ padding:1%; border-bottom:1px solid #CDCDCD;}
}

@media only screen and (max-width: 480px){
.topMain div h2{ font-size:16px; }
.topMain div p{ font-size:13px; }

}


/* ログイン
---------------------------------------------------------------- */
.login .otherLink{ margin-top:1.5em; font-size:14px;}
.login .otherLink li{ float:left; margin-right:30px;}
.login .otherLink li a:link{ text-decoration:underline;}
.login .keep{ text-align:center; margin-top:10px;}

@media only screen and (max-width: 768px){
.login .otherLink{ margin-bottom:50px;}
.login .keep{ font-size:14px;}
.login .otherLink li{ float:none; margin-right:0; margin-bottom:10px;}
}


/* パスワード忘れ
---------------------------------------------------------------- */
.foget-flowBox{ margin: 50px 0;}
.foget-flowBox li{ float:left;}
.foget-flowBox li.flow01{ width:26.5454%}
.foget-flowBox li.flow02{ width:24.4545%}
.foget-flowBox li.flow03{ width:24.5454%}
.foget-flowBox li.flow04{ width:24.4545%}
.foget-flowBox p{ margin:1em 0;}

@media only screen and (max-width: 768px){
.foget-flowBox{ margin: 0 0 20px;}
.foget-flowBox ul{ background:#333; padding:2%; width:96%; vertical-align:middle;}
.foget-flowBox li.flowName{ display: inline-block; vertical-align:middle; }
.foget-flowBox ul.status li.flowName span{ background:#00A2E6; display:inline; line-height:0; padding:7px 10px; margin-right:1em; box-sizing:border-box;}
}


/* 会員登録
---------------------------------------------------------------- */
.flowBox{ margin:50px 0;}
.flowBox li{ float:left;}
.flowBox li.flow01{ width:21.6363%}
.flowBox li.flow02{ width:19.5454%}
.flowBox li.flow03{ width:19.6363%}
.flowBox li.flow04{ width:19.6363%}
.flowBox li.flow05{ width:19.5454%}
.flowBox p{ margin:1em 0;}


.mustmark{ color:#FF0004;  font-size:18px; margin:0 0.3em;}
.gameChoice li{ float:left; display:block; margin:1em; }
.gameChoice label{ margin:1em;}

.corprateBox{ margin-top:70px;}
.corprateBox > #acMenu > dt{ text-align:center;}
.corprateBox > #acMenu > dt span{
    display: inline-block;
    text-align:center;
	margin:20px auto 0;
	font-size:24px;
	color:#FFF;
	padding:1em 6em;
	background:#666 url(../images/common/open.png) no-repeat 93% center;
	 font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	 transition: all .3s;
	 background-size:5%;
	 cursor:pointer;
    }
.corprateBox > #acMenu > dt span:hover{color:#FFF; background:#777 url(../images/common/open.png) no-repeat 93% center;}
.corprateBox > #acMenu > dt.active span{ background:#00A2E6 url(../images/common/close.png) no-repeat 93% center;}
.corprateBox > #acMenu > dd{
    display:none;
	background:#282828;
	border:1px solid #5A5A5A;
	padding:30px;
	margin-top:20px;
    }

.corprateBox > #acMenu > dd h2{ font-size:24px; padding:10px 0 30px; text-align:center;}
.personality li{ vertical-align:middle; margin:7px 0;}
.corprateBox th{ vertical-align:middle; }

.agreement{ background:#282828; border:1px solid #5A5A5A; padding:30px; margin-top:50px; height:200px; overflow:auto;}
.agreement h2{ text-align:center; font-weight:bold;}
.agreement dt{ font-weight:bold; margin-top:1.5em;}
.agreement dd{ padding:0 0 0 1em; font-size:14px;}
.agreement dd ul{ padding:0.5em 0 1em 1em;}

@media only screen and (max-width: 1000px){
.personality li{ display: block; margin-right:0; margin-top:10px; }
 }

@media only screen and (max-width: 768px){
.flowBox{ margin:0 0 20px; }
.flowBox ul.status{ background:#333; padding:2%; width:96%; vertical-align:middle; }
.flowBox ul.status li.flowName{ display: inline-block; vertical-align:middle; }
.flowBox ul.status li.flowName span{ background:#00A2E6; display:inline; line-height:0; padding:7px 10px; margin-right:1em; box-sizing:border-box;}

ul.flow{ text-align:center; font-size:18px; margin-bottom:20px; letter-spacing: -.40em;}
ul.flow li{ display:inline-block; border:1px solid #00A2E6; padding:5% 4%; box-sizing:border-box; line-height:0; vertical-align:middle; letter-spacing: normal; color:#00A2E6; margin:0.5%;}
ul.flow li.step-arrow{ border:0; padding:5px;}
ul.flow li.active{ background:#00A2E6; color:#FFF;}


.corprateBox > #acMenu > dd h2{ font-size:18px; padding:10px 0; }
.corprateBox > #acMenu > dd{
    display:none;
	background:#282828;
	border:1px solid #5A5A5A;
	padding:25px 15px 20px;
    }

.agreement{  padding:10px; margin-top:20px; height:100px; overflow:auto; font-size:13px;}

 }
@media only screen and (max-width: 480px){
.corprateBox{ margin-top:30px;}
.corprateBox > #acMenu > dt span{
    display: inline-block;
    text-align:center;
	font-size:16px;
	color:#FFF;
	padding:25px 0;
	width:90%;
	background:#777 url(../images/common/open.png) no-repeat 93% center;
	background-size:5%;
	cursor:pointer;
    }
.corprateBox > #acMenu > dt span:hover{background-size:5%;}
.corprateBox > #acMenu > dt.active span{ background-size:5%;}
.gameChoice li{ float:none; display:block; margin:1em 0.5em; font-size:14px; }

.gameChoice label{ margin:0.75em;}
}

/* マイページ
---------------------------------------------------------------- */
.mypage .mainBox .column{ float:left; width: 47.2727%;}
.mypage .mainBox .column:first-child { margin-right:5.4546%;}
.parenthesis {
	position: relative;
	width: 100%;
	text-align:center;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin-bottom:2.5em;
}
.parenthesis::before,
.parenthesis::after {
	position: absolute;
	top: 0;
	content: '';
	width: 20px;
	height: 100%;
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.parenthesis::before {
	left: 0;
	border-left: 1px solid #FFF;
}
.parenthesis::after {
	right: 0;
	border-right: 1px solid #FFF;
}
.parenthesis h3{ font-size:26px; margin-top:10px;}
.loginStatus{ text-align:right;}
.loginStatus a{ text-decoration:underline;}

.mypageNav li a{ border:1px solid #5A5A5A; padding:1em; font-size:20px; margin:1em 0.5em; display:block; background:url(../images/mypage/arrow.png) no-repeat  96% center;}
.mypageNav li a:hover{ border:1px solid #00A2E6; }
.mypageNav li span{ border-left:2px solid #00A2E6; padding:0.5em 0.5em 0.5em 1em ;}

.mypageInfo{ width:100%; margin:0 auto;  }
.mypageInfo li div.box{ clear:both; padding:0 0 3em; margin-bottom:3em; border-bottom:1px solid #5A5A5A;}
.mypageInfo li div.pic{ float:left; width:38.1818%; }
.mypageInfo li div.txt{ padding:0 0 0 45%; }
.mypageInfo li div dl{ font-size:14px;}
.mypageInfo li div dt{ float:left; width:15%;}
.mypageInfo li div dd{ padding:0 0 1em 15%;}
.mypageInfo li div dd a{ text-decoration:underline;}
.mypageInfo li h3{ font-size:20px; margin:1em 0;}

.mypage .support{ width:100%; margin:0 auto; background: url(../images/top/top_08.jpg) repeat 0 0; text-align:center; color:#000; padding-bottom:80px; }
.mypage .support2{ width:100%; margin:0 auto; background: #282828; text-align:center; color:#FFF; }


.mypage.itemDetail table td dl { font-size:13px;}
.mypage.itemDetail table td dt{ float:left; width:25%; color:#999;}
.mypage.itemDetail table td dd{ margin-bottom:1em; padding: 0 0 0 25%;}


/* マイページサイドナビ*/
#sidenav{ float:left; width:22%; border:1px solid #5A5A5A; border-bottom:0; font-size:16px; box-sizing:border-box;}
#sidenav ul > li > a{border-bottom:1px solid #5A5A5A; padding:15px 10px; display:block;}
#sidenav #s-acMenu dt{
    display: block;
	color:#FFF;
	background:#333;
	border-bottom:1px solid #5A5A5A;
	padding:15px 10px;
    }
#sidenav #s-acMenu dd{display:none; cursor:pointer; }
#sidenav #s-acMenu dd a{cursor:pointer;border-bottom:1px solid #5A5A5A; padding:15px 10px 15px 20px; display:block;  }

#sidenav #s-acMenu .open{display:block;}

#mainClum{float:right; width:73%;}

.mypage .itemBox{ border:1px solid #5A5A5A; background:#282828; padding:30px 30px 20px; margin-bottom:30px;}
.mypage .itemBox table{ margin-bottom:15px;}
.mypage .itemBox table td,
.mypage .itemBox table th{ border-bottom:0;}

@media only screen and (max-width: 1500px){
.mypageInfo li div dt{ float:none; width:100%;}
.mypageInfo li div dd{ padding:0 0 1em;}

}

@media only screen and (max-width: 768px){
.mypage .mainBox{ padding-bottom:0;}
.mypage .mainBox .column{ float:none; width: 100%; margin-bottom:15%;}
.mypage .mainBox .column:first-child { margin-right:0;}
.loginStatus{ font-size:13px; margin-top:1em;}
.mypageNav li a{  margin:1em 0; font-size:16px; }
.mypageInfo li h3{ font-size:20px; }
.mypageInfo li div.box{ clear:both; padding:0 0 1em; margin-bottom:2em; border-bottom:1px solid #5A5A5A;}
.mypageInfo li div.pic{ float:none; width:100%; text-align:center;}
.mypageInfo li div.txt{ padding:0 0 0; }
.mypageInfo  .more{  padding:0.7em 3em 0.7em 3.5em; margin:1em 0 3.5em; }

.parenthesis h3{ font-size:20px; margin-top:10px;}

#sidenav{ float:none; width:100%; margin:30px 0;}
#mainClum{float:none; width:100%;}
#sidenav #s-acMenu dt,
#sidenav #s-acMenu dt:hover,
#sidenav #s-acMenu dt.active{
	background-size:3%;
	}

.mypage .itemBox{ padding:15px 15px 10px; margin-bottom:30px;}
.mypage .support{ padding-bottom:30px; }
}

@media only screen and (max-width: 480px){
.mypage.itemDetail table td dt{ float:none; width:100%; color:#999;}
.mypage.itemDetail table td dd{ margin-bottom:1em; padding: 0;}

 }

  /* プライバシーポリシー
---------------------------------------------------------------- */
.policy{   background: #282828; border: 1px solid #5A5A5A; padding: 30px; }
.policy a{ text-decoration:underline;}
.policy dl{ font-size:14px; }
.policy dl dt{ font-weight:bold; margin:3em 0 1em;}
.policy dl dd{ margin-left: 1em;}
.policy dl dd ol{ margin-top:1em;}
.policy dl dd ol > li{ list-style: decimal; list-style-position: outside; margin:0 0 0.5em 1em;}
.policy dl dd ol > li ul{  margin:0.75em 0 2em;}

@media only screen and (max-width: 768px){
.policy{ font-size:14px; padding:1em;}
.policy dl{ font-size:13px; }
}
.policy h2{ text-align:center; font-weight:bold; margin-bottom:30px;}


  /* 会員規約
---------------------------------------------------------------- */
.member_agreement{ background:#282828; border:1px solid #5A5A5A; padding:30px; }
.member_agreement h2{ text-align:center; font-weight:bold;}
.member_agreement dt{ font-weight:bold; margin-top:1.5em;}
.member_agreement dd{ padding:0 0 0 1em; font-size:14px;}
.member_agreement dd ul{ padding:0.5em 0 1em 1em;}
.member_agreement a{ text-decoration:underline;}

@media only screen and (max-width: 768px){
.member_agreement{ font-size:14px; padding:1em; }
}

  /* サービス規定
---------------------------------------------------------------- */
.service_agreement{ background:#282828; border:1px solid #5A5A5A; padding:30px; }
.service_agreement h2{ text-align:center; font-weight:bold; margin-bottom:30px;}
.service_agreement dl{ margin-bottom:2em;}
.service_agreement dt{ font-weight:bold; margin-top:1.5em;}
.service_agreement dd{ padding:0 0 0 1em; font-size:14px;}
.service_agreement dd p{ margin-bottom:1em;}
.service_agreement dd ul{ padding:0.5em 0 1em 1em;}
.service_agreement a{ text-decoration:underline;}

@media only screen and (max-width: 768px){
.service_agreement{ font-size:14px; padding:1em; }
}


  /* お知らせ
---------------------------------------------------------------- */
.News{ margin-top:20px; }
.News dl{  border-top:2px solid #5A5A5A;}
.News dt{ float:left; width:12%; padding:1.5% 1%; color:#878787;}
.News dd{ padding:1.5% 0 1.5% 14%; border-bottom:1px solid #5A5A5A; }
.News dd a:hover{ text-decoration:underline;}
.pagination {
    background: #282828;
    border: 1px solid #5A5A5A;
    padding: 10px;
    margin: 20px 0;
	text-align:center;
}
.page {
    display: inline-block;
    padding: 3px 10px;
    margin-right: 7px;
    border: solid 1px #333;
    font-weight: bold;
    text-decoration: none;
    color: #717171;
}
.page:hover { background: #000; color: #00A2E6;}
.page.active {
    border: none;
    background: #000;
    color: #f0f0f0;
}

.News div.titleBox{ border-top:2px solid #5A5A5A; border-bottom:1px solid #5A5A5A; padding:10px;}
.News div.titleBox span{ color:#878787; display:block;}
.News div.titleBox h2{ font-size:20px; font-weight:bold;}
.News .txtBox{  border-bottom:1px solid #5A5A5A; padding:10px;}
.News .txtBox a{ text-decoration:underline;}
.News .txtBox p{  padding:1em 0;}

.News h3 {
    font-size: 18px;
    font-weight: bold;
    margin-top: 2em;
}
.News .sectionBox h3 {
    margin-top: 0;
}
.News h4 {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 0.5em;
}
.News .sectionBox .attention li {
    list-style-type: disc;
    margin-left: 2em;
}
.News ul li ul li {
    text-indent: 2em;
}
.News section.sectionBox {
    margin-top: 2em;
}
.News section.sectionBox p {
    padding: 0 0 1em 0;
}
.fanEvent .sectionBox h3 {
    text-decoration: underline;
}
.fanEvent .sectionBox dl,
.fanEvent .sectionBox dd {
    border: none;
}

@media only screen and (max-width: 768px){
.News div.titleBox h2{ font-size:18px; }
.News dt{ float:none; width:98%; padding:1% 1% 0; color:#878787;}
.News dd{ padding:1%; border-bottom:1px solid #5A5A5A;}
.fanEvent .sectionBox dt,
.fanEvent .sectionBox dd {
  border: none;
}
}

 /* 販売店一覧
---------------------------------------------------------------- */

.shop #acMenu dt{
    display: block;
    cursor:pointer;
	color:#FFF;
	font-size:18px;
	background:#333 url(../images/common/open.png) no-repeat 98% center;
	border-bottom:1px solid #5A5A5A;
	padding:15px 10px 15px 30px;
	background-size:1.5%;
    }
.shop #acMenu dt:hover{ background:#555 url(../images/common/open.png) no-repeat 98% center; background-size:1.5%;}
.shop #acMenu dt.active{ background:#555 url(../images/common/close.png) no-repeat 98% center; background-size:1.5%;}
.shop #acMenu dd{display:none; cursor:pointer; }
.shop #acMenu dd a{cursor:pointer;border-bottom:1px solid #5A5A5A; padding:15px 10px 15px 20px; display:block;  }

.shop #acMenu .open{display:block;}


.shop #hokaido,
.shop #tokyo,
.shop #kanoto,
.shop #tokai,
.shop #kansai,
.shop #chugoku,
.shop #kyushu{
	margin-top:-50px;
    padding-top:50px;
	}


.shop .maps{display: block;width: 100%;height: 350px;}

.shop-area{ display:table; width:100%; box-sizing:border-box; border:1px solid #00A2E6; margin:30px 0 0; }
.shop-area li{ display:table-cell; text-align:center; border-left:1px solid #00A2E6; vertical-align:middle; }
.shop-area li a{ display:block; padding:15px 10px; }
.shop-area li:first-child{ display:table-cell; text-align:center; border-left:none;}

.shop h3{ background:#333; font-size:20px; padding:10px; margin:30px 0 10px;}
.shop-item{overflow:hidden;  margin:20px 0 ; padding:30px; border: 1px solid #5A5A5A;background: #282828;}
.shop-item:first-child{ margin:0;}
.shop-icon{overflow:hidden; }

.shop-icon li{ float:left;margin:0.5%;padding:1% 0;width:30%;color:#fff; text-align:center;font-size:12px;font-family:"ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;}
.shop-icon-single{ margin:20px 0 0;}
.shop-icon-single li{margin:0 0 5px;padding:5px 0; width:48.5%;color:#fff; text-align:center;font-size:12px;font-family:"ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;}
.shop-icon-01{ background-color:#004da1;}
.shop-icon-02{ background-color:#2ca0ba;}
.shop-icon-03{ background-color:#c80a14;}
.shop-icon-04{ background-color:#de5674;}
.shop-icon-05{ background-color:#5282d2;}
.shop-icon-06{ background-color:#149d45;}



@media only screen and (max-width: 768px){
.shop .maps{height: 150px;}
.shop-item{padding:10px; }
.shop-area li a{ padding:5px; font-size:12px; }

.shop #hokaido,
.shop #tokyo,
.shop #kanoto,
.shop #tokai,
.shop #kansai,
.shop #chugoku,
.shop #kyushu{
	margin-top:-100px;
    padding-top:100px;
	}

}




 /* ゲームインフォメーション
---------------------------------------------------------------- */
.gameInfo{ width:100%; position:relative;}
.gameInfo li div.box{ clear:both; padding:0 0 2em; margin-bottom:3em; border-bottom:1px solid #5A5A5A;}
.gameInfo li div.pic{ float:left; width:38.1818%; }
.gameInfo li div.txt{ padding:0 0 0 42%;  }

.gameInfo li div.txt div.gotoOfficial{ text-align:center; width:100%; padding-top:1.5em; }
.gameInfo li div.txt div.gotoOfficial a{ padding:0.75em 5em 0.75em 5.5em;background:#00A2E6; display: inline-block; text-decoration:none; vertical-align: middle;}
.gameInfo li div.txt div.gotoOfficial a:hover{background:#30c1ff; color:#FFF;}

.gameInfo li div.txt dl{ font-size:14px; height:150px; overflow:auto;}
.gameInfo li div.txt dt{ float:left; width:15%; padding:0 0 0.5em 0;}
.gameInfo li div.txt dd{ padding:0 2% 0.5em 15%;}
.gameInfo li h3{ font-size:20px; margin:1em 0;}
.gameInfo dd a{ text-decoration:underline;}

@media only screen and (max-width: 1000px){
.gameInfo li div.txt dt{ float:none; width:100%; padding:0.5em 0;}
.gameInfo li div.txt dd{ padding:0 1em 0.5em 0;}
	}


@media only screen and (max-width: 768px){
.gameInfo li h3{ font-size:20px; }
.gameInfo li div.box{ clear:both; padding:0 3% 2em; margin-bottom:2em; border-bottom:2px solid #999;}
.gameInfo li div.pic{ float:none; width:100%; text-align:center;}
.gameInfo li div.txt{ margin:1em 0 0;padding:0 0 0; }
.gameInfo  .more{  padding:0.7em 3em 0.7em 3.5em; margin:1em 0 3.5em; }
.gameInfo li div.txt dl{  height:200px; }
.gameInfo li div.txt dl::-webkit-scrollbar{width: 5px;background: #fff;}
.gameInfo li div.txt dl::-webkit-scrollbar-thumb{ background:#5A5A5A;border-radius: 2px;}
}

.gameInfo .tab{display: table;margin-top: 20px; width:100%; }
.gameInfo .tab__button{
   display: table-cell;
    text-align: center;
    vertical-align: middle;
    border: 1px solid #5A5A5A;
	border-left:0;
	cursor:pointer;
	box-sizing:border-box;
	width: 11%;
	padding:15px 10px;
}
.gameInfo .tab__button:first-child{ border:1px solid #5A5A5A;}
.gameInfo .tab__button:hover{ background:#00A2E6; color:#FFF;  }
.gameInfo .tab__button.active{ background:#00A2E6;}


@media only screen and (max-width: 768px){
.gameInfo .tabContainer { overflow-x: auto; -webkit-overflow-scrolling : touch; padding-bottom:10px;}
.gameInfo .tab__button{ min-width: 90px; }
}





 /* ゲームインフォメーション詳細
---------------------------------------------------------------- */
.gameInfo_detail .main-img{ text-align:center;}
.gameInfo_detail div.titleBox{ border-top:2px solid #5A5A5A; border-bottom:1px solid #5A5A5A; padding:10px; margin:50px 0 50px;}
.gameInfo_detail div.titleBox span{ color:#878787; display:block;}
.gameInfo_detail div.titleBox h2{ font-size:20px; font-weight:bold;}

.gameInfo_detail .inner{ max-width:740px; margin:50px auto 0; line-height:1.9; padding:0 10px; }

.gameInfo_detail .box01 dt{ text-align:center; margin-top:50px;}
.gameInfo_detail .box01 dd{ margin-top:50px;}

.gameInfo_detail .box02 p{ font-size:14px; margin:1em 0;}

.gameInfo_detail .box03 {
background: #282828;
border: 1px solid #5A5A5A;
padding: 20px;
margin-top:50px;
}
.gameInfo_detail .box03 h2{ font-size:20px; margin-bottom:20px; }
.gameInfo_detail .box03 li{ margin:0.5em;}
.gameInfo_detail .box03 li a{ text-decoration:underline; background:url(../images/common/btn_arrow.png) no-repeat 0 center; padding:0 0 0 20px;}



@media only screen and (max-width: 768px){
.gameInfo_detail div.titleBox{ margin:0 0 20px; border-top:0;}
.gameInfo_detail .inner{ margin:30px auto 0; }
.gameInfo_detail div.titleBox h2{ font-size:18px; }
.gameInfo_detail .box01 dt{ margin-top:30px;}
.gameInfo_detail .box01 dd{ margin-top:30px;}
.gameInfo_detail .box03 h2{ font-size:18px; margin-bottom:10px; }
.gameInfo_detail .box03 { margin-top:30px; padding: 10px; font-size:14px;}


}

/* ------------------------------
   #tabAccordion
------------------------------ */
#tabAccordion { margin: 0 auto; height: auto;padding-bottom:50px; }
#tabAccordion .tabs-nav{
    text-align: center;
    font-size: 0;
    cursor:pointer;
}
#tabAccordion .tabs-nav li{
    width: 12.5%;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    font-weight: bold;
    padding: 15px 0;
	border-top: 1px solid #5A5A5A;
    border-right: #5A5A5A 1px solid;
    border-bottom: 1px solid #5A5A5A;
    box-sizing: border-box;
	font-size:12px;
    line-height:2;
    transition: all .3s;
}

#tabAccordion .tabs-nav li:first-child{
    border-left:1px solid #5A5A5A;
}

#tabAccordion .tabs-nav li.selected{
	background:#30c1ff;
}

@media only screen and (max-width:840px) {
#tabAccordion .tabs-nav li{
    width:25%;
    }
#tabAccordion .tabs-nav li:nth-child(6),
#tabAccordion .tabs-nav li:nth-child(7),
#tabAccordion .tabs-nav li:nth-child(8){
    border-top:none;
    }
#tabAccordion .tabs-nav li:nth-child(5){
    border-top:none;
    border-left:1px solid #5A5A5A;
    }
}

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

#tabAccordion .tabs-nav li{
    width:49.5%;
    font-size: 11px;
    }
#tabAccordion .tabs-nav li:nth-child(3){
    border-top:none;
    border-left:1px solid #5A5A5A;
    }
#tabAccordion .tabs-nav li:nth-child(4){
    border-top:none;
    }
#tabAccordion .tabs-nav li:nth-child(7){
    border-left:1px solid #5A5A5A;
    }
}


/* サポート
---------------------------------------------------------------- */
.support h3{ font-size:20px; text-align:center; font-weight:bold;}
.support .scBox{ margin-bottom:100px;}
.support div.supBox{ border:1px solid #00A2E6; padding:30px; background:#282828; margin-top:50px;}
.support div.supBox ol{ margin:20px 0 0; }
.support div.supBox ol li{ margin:7px 0; }
.support .attend{ margin:30px 0; background:#282828; padding:30px; border: 1px solid #5A5A5A;}
.support .attend li{ font-size:14px; margin:2px 0;}

.support .howto li{ float:left; width:49%;}
.support .howto li:first-child{ margin-right:2%;}
.support .contact{ text-align:center;}

.support .mainCopy{ font-size:28px; text-align:center; margin:50px 0 70px; font-weight:bold;}

.support .box2{margin-bottom:100px;}
.support .box1 ul{ margin:30px 0;}
.support .box1 li{ float:left; width:20.5454%; text-align:center; margin:1.90909%; box-sizing:border-box; border:5px solid #00A2E6; padding:1.81818%; min-height:310px; }
.support .box1 li h3{ margin:20px 0 15px;}
.support .box1 li span{ font-size:80px; color:#00A2E6;}
.support .box1 li p{ text-align:center; }
.support .supportYoyaku {
	font-size: 16px;
}
@media only screen and (max-width: 1100px){
.support .box1 li{ min-height:360px; }
	}
@media only screen and (max-width: 900px){
.support .box1 li{ float:left; width:96%; text-align:center; margin:1.5%; box-sizing:border-box; border:5px solid #00A2E6; padding:5%; min-height: 0;}
	 }

@media only screen and (max-width: 768px){
    .support .mainCopy{ font-size:20px; margin:40px 0;}
    .support .box1{ margin-bottom:0;}
    .support .box2{ margin-bottom:50px;}
    .support .scBox{ margin-bottom:50px;}
    .support h3{ font-size:18px; text-align:center; font-weight:bold; }
    .support .box1 li h3{ margin:10px 0 7px;}
    .support div.supBox{ padding:15px; margin-top:30px;}
    .support .box1 li p{ text-align:center; }
    .support .attend{ margin:30px 0; background:#282828; padding:15px; border: 1px solid #5A5A5A;}
    .support .attend li{ font-size:13px; margin:5px 0;}
}

/* ガレリア ゲームマスターとは
---------------------------------------------------------------- */
.shadow, .about .box01 .section1-2_image::before, .about .box01 .section1-3_image::before, .about .box01 .section1-4_image::before, .about .box01 .section1-5_image::before {
  position: absolute;
  z-index: 1;
  top: -60px;
  right: -80px;
  display: block;
  content: '';
  width: 266px;
  height: 266px;
  background: url("../images/about/bg_glow.png") no-repeat;
  background-size: contain;
}
.breadcrumb.about { background:#1E1E1E;}
@media only screen and (max-width: 768px){
  .breadcrumb.about {border-bottom:none;}
}

.pc-visible-block {
  display: block;
}

.sp-visible-block {
  display: none;
}

.subContents {
  padding-bottom: 1px;
}

.about .Btn04 {
  background-color: #e2b20b;
  color: #000;
  background-image: url("../images/common/btn_arrow_bk.png");
}
.about .Btn04.linkBtn {
  display: inline-block;
  width: 45%;
}
@media only screen and (max-width: 768px) {
  .about .Btn04.linkBtn { width: 90%; }
}

.about .tabContainer {
  max-width: 1100px;
  margin: 0 auto 25px;
  margin-bottom: 25px;
}
.about .tabContainer.aboutTab {
  margin-bottom: 0;
}
.about .bx-wrapper {
  background: #000;
}
.about .mainBox {
  padding-bottom: 0;
}
.about p {
  line-height: 2;
  margin-bottom: 2em;
}
.about .box01 .section img {
  position: relative;
  z-index: 2;
}
.about .box01 .main_visual {
  margin-bottom: 30px;
}
.about .box01 .main_visual img {
  width: 100%;
  height: auto;
}
.about .box01_content {
  max-width: 1100px;
  width: 94%;
  margin: 0 auto;
  min-height: 1%;
}
.about .box01 .bg_hawk {
  background: url("../images/about/bg_hawk.gif") no-repeat center top;
  background-size: contain;
  margin-bottom: 30px;
}
.about .box01 .column1 {
  width: 670px;
  margin: 0 auto 50px;
  padding-bottom: 10px;
}
.about .box01 .column1 p {
  margin-bottom: 3em;
}
.about .box01_title {
  font-size: 44px;
  text-align: center;
  color: #e2b20b;
  margin-bottom: 35px;
}
.about .box01 .section::after {
  content: ".";
  display: block;
  height: 0;
  font-size: 0;
  clear: both;
  visibility: hidden;
}
.about .box01 .section_title {
  color: #e2b20b;
  font-size: 25px;
  margin-bottom: 12px;
  line-height: 1.4;
}
.about .box01 .section1-1 {
  margin-bottom: 140px;
}
.about .box01 .section1-1_text {
  float: left;
  width: 67.66467%;
  padding-left: 0%;
}
.about .box01 .section1-1_image {
  position: relative;
  float: left;
  width: 27.66467%;
  padding-right: 2.39521%;
}
.about .box01 .section1-2 {
  margin-bottom: 53px;
}
.about .box01 .section1-2_image {
  position: relative;
  float: left;
  width: 27.66467%;
}
.about .box01 .section1-2_image::before {
  top: -60px;
  right: -80px;
}
.about .box01 .section1-2_text {
  float: left;
  width: 49.28144%;
  padding-top: 8.08383%;
  padding-left: 86px;
}
.about .box01 .section1-3 {
  margin-bottom: 70px;
  padding-right: 7.18563%;
}
.about .box01 .section1-3_image {
  position: relative;
  float: right;
  width: 21.43713%;
}
.about .box01 .section1-3_image::before {
  top: -80px;
  right: -60px;
}
.about .box01 .section1-3_text {
  float: right;
  padding-top: 1.79641%;
  padding-right: 4.79042%;
  width: 49.28144%;
}
.about .box01 .section1-4 {
  margin-bottom: 5.02994%;
}
.about .box01 .section1-4_image {
  float: left;
  width: 36.22754%;
  position: relative;
}
.about .box01 .section1-4_image::before {
  top: -70px;
  left: 50px;
}
.about .box01 .section1-4_text {
  float: left;
  padding-top: 5.56886%;
  padding-left: 2.39521%;
  width: 49.28144%;
}
.about .box01 .section1-5 {
  padding-bottom: 90px;
}
.about .box01 .section1-5_image {
  float: right;
  width: 30.95808%;
  position: relative;
}
.about .box01 .section1-5_image::before {
  top: -70px;
  left: -90px;
}
.about .box01 .section1-5_text {
  float: right;
  padding-top: 8.38323%;
  padding-right: 4.79042%;
  width: 49.7006%;
}
.about .tabContainer {
  padding-bottom: 20px;
}
.about .tabContainer {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  padding-bottom: 10px;
}
.about .tab {
  display: table;
  width: 100%;
}
.about .tab__button {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  border: 1px solid #5A5A5A;
  border-left: 0;
  cursor: pointer;
  box-sizing: border-box;
  width: 20%;
  padding: 8px 0;
  min-width: 190px;
}
.about .tab__button:first-child {
  border: 1px solid #5A5A5A;
}
.about .tab__button:hover {
  background: #e2b20b;
  color: #000;
}
.about .tab__button.active {
  background: #e2b20b;
  color: #000;
}

.about .box03 {
  border-bottom: 1px solid #5A5A5A;
  padding: 5% 0;
  max-width: 1100px;
  width: 100%;
  margin: 0px auto 70px;
}
.about .box03 dl {
  margin-bottom: 50px;
}
.about .box03 dt {
  float: right;
  width: 38.1818%;
}
.about .box03 dd {
  float: left;
  width: 58.1818%;
  line-height: 1.9;
}
.about .box03 dd h2 {
  color: #e2b20b;
  font-size: 20px;
  margin-bottom: 20px;
  font-weight: bold;
}

@media only screen and (max-width: 768px) {
  .pc-visible-block {
    display: none;
  }

  .sp-visible-block {
    display: block;
  }

  .about .tabContainer {
    max-width: 1100px;
    margin: 0 auto 25px;
    margin-bottom: 25px;
  }
  .about .bx-wrapper {
    background: #000;
  }
  .about .mainBox {
    padding-bottom: 0;
  }
  .about .box01 .main_visual {
    margin-bottom: 20px;
  }
  .about .box01 .main_visual img {
    width: 100%;
    height: auto;
  }
  .about .box01_content {
    width: 94%;
    margin: 0 auto;
    min-height: 1%;
    background: none;
    background-size: contain;
  }
  .about .box01 .column1 {
    width: 100%;
    margin: 0 auto;
    padding-top: 0px;
    padding-bottom: 10px;
    margin-bottom: 0px;
  }
  .about .box01 .column1 p {
    margin-bottom: 3em;
  }
  .about .box01 .column1.bg_hawk {
    background: url("../images/about/bg_hawk.gif") no-repeat center top;
    background-size: contain;
  }
  .about .box01 .bg_hawk {
    background: none;
  }
  .about .box01 .badge {
    width: 37.5%;
    max-width: 240px;
    margin: 0 auto 10px;
  }
  .about .box01_title {
    font-size: 22px;
    text-align: center;
    margin-bottom: 20px;
  }
  .about .box01_title.large {
    font-size: 30px;
    width: 8em;
    margin: 0 auto 20px;
    text-align: left;
  }
  .about .box01 .section {
    clear: both;
    background: url("../images/about/bg_hawk.gif") no-repeat;
    background-size: 36.09375% auto;
    margin-bottom: 7.8125%;
  }
  .about .box01 .section::after {
    content: ".";
    display: block;
    height: 0;
    font-size: 0;
    clear: both;
    visibility: hidden;
  }
  .about .box01 .section p {
    line-height: 2;
    margin-bottom: 2em;
  }
  .about .box01 .section_title {
    font-size: 22px;
    margin-bottom: 12px;
  }
  .about .box01 .section1-1 {
    margin-bottom: 7.8125%;
    background: none;
  }
  .about .box01 .section1-1_image {
    float: none;
    width: 54.84375%;
  }
  .about .box01 .section1-1_text {
    float: none;
    width: auto;
    padding-left: 0;
  }
  .about .box01 .section1-2 {
    padding-top: 14.0625%;
  }
  .about .box01 .section1-2_image {
    float: none;
    margin: 0 auto -7.8125%;
    width: 54.84375%;
  }
  .about .box01 .section1-2_image:before {
    top: -80px;
    right: -90px;
  }
  .about .box01 .section1-2_text {
    position: relative;
    z-index: 2;
    float: none;
    width: auto;
    padding: 0;
  }
  .about .box01 .section1-3 {
    padding-top: 6.25%;
    background-position: right 20px top 0;
  }
  .about .box01 .section1-3_image {
    float: none;
    width: 62.5%;
    margin-left: 10%;
    margin-bottom: -9.375%;
  }
  .about .box01 .section1-3_image::before {
    top: -80px;
    right: -50px;
  }
  .about .box01 .section1-3_text {
    float: none;
    padding-top: 0px;
    padding-right: 0;
    width: auto;
  }
  .about .box01 .section1-4_image {
    float: none;
    width: 72.5%;
    margin-left: 16.5625%;
    margin-bottom: -6.25%;
  }
  .about .box01 .section1-4_image::before {
    left: -20px;
    top: -70px;
  }
  .about .box01 .section1-4_text {
    position: relative;
    z-index: 2;
    float: none;
    padding-top: 0;
    padding-right: 0;
    width: auto;
  }
  .about .box01 .section1-5 {
    padding-top: 20px;
    padding-bottom: 0px;
    background-position: right top;
  }
  .about .box01 .section1-5_image {
    float: none;
    width: 62.03125%;
    margin-left: 7.8125%;
    margin-bottom: -6.25%;
  }
  .about .box01 .section1-5_text {
    position: relative;
    z-index: 2;
    float: none;
    padding: 0px;
    width: auto;
  }
  .about .box03 {
    margin-top: 0;
  }
  .about .box03 dl dt {
    float: none;
    width: 93.75%;
    margin: 0 auto 10px;
  }
  .about .box03 dl dt img {
    width: 100%;
  }
  .about .box03 dl dd {
    float: none;
    width: 93.75%;
    margin: 0 auto;
  }
  .about .box03 dl dd h2 {
    font-weight: normal;
    margin-bottom: 10px;
  }
}

/* ご利用ガイド
---------------------------------------------------------------- */
.guide .box02,
.guide .box03,
.guide .box04{
margin-bottom:70px;}

.guide .box02 h3{ color:#00A2E6; font-size:24px; margin-bottom:15px;}
.guide .box02 p{ margin-bottom:30px;}

.guide .box03 .inner{ background:#282828; border:1px solid #A8A8A8; padding:60px; box-sizing:border-box; margin-bottom:70px;}
.guide .box03 p.pic{ text-align:center; margin-top:50px;}
.guide .box03 dt{ float:left; width:15%; color:#00A2E6; font-size:24px;}
.guide .box03 dd{  clear:both;padding:0 0 0 15%;}
.guide .box03 dd span{  font-size:24px; display:block; margin-bottom:0.5em;}

#tabGuide .tabs-nav{
    margin:0 0 4% 0;
    font-size: 0;
    cursor:pointer;
}
#tabGuide .tabs-nav li{
    width: 50%;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    font-weight: bold;
    padding: 15px 0;
    color: #00A2E6;
 	border-top: 1px solid #00A2E6;
    border-right: #00A2E6 1px solid;
    border-bottom: 1px solid #00A2E6;
    box-sizing: border-box;
	font-size:16px;
    line-height:2;
    transition: all .3s;
}

#tabGuide .tabs-nav li:first-child{border-left:1px solid #00A2E6;}
#tabGuide .tabs-nav li.selected{ color: #fff; background:#00A2E6 }


@media only screen and (max-width: 768px){
.guide .box01,
.guide .box02,
.guide .box03,
.guide .box04{
margin-bottom:50px;}
.guide .box02 h3{  font-size:20px; }
.guide .box03 .inner{  padding:20px;  margin-bottom:30px;}
.guide .box03 dt{ float:none; width:100%; font-size:18px;}
.guide .box03 dd{ padding:0 ;}
.guide .box03 dd span{  font-size:18px; display:block; margin-bottom:1em;}
.guide .box03 p.pic{ text-align:center; margin-top:30px;}
#tabGuide .tabs-nav li{
    font-size: 14px;
    width:49.5%;
    }
.guide .box02 p.btn img{ width:50%;}
}

/* 製品詳細
---------------------------------------------------------------- */

/* ページ内リンク */
.pro-inr-link{border-left:1px solid #00A2E6;font-size: 0;}
.pro-inr-link li{display: inline-block;width: 25%;box-sizing: border-box;text-align: center;border-top: 1px solid #00A2E6;border-bottom: 1px solid #00A2E6;border-right:1px solid #00A2E6;}
.pro-inr-link a{display: block;padding:8% 0;font-size: 18px;color: #00A2E6;text-align: center;}
.pro-inr-link a:hover,.pro-inr-link a.is-current{color: #fff;background-color: #00A2E6;}

@media only screen and (max-width: 768px){
.pro-inr-link a{padding:15% 0;}
.pro-inr-link a:hover{color: #00A2E6;background-color:transparent;}
.pro-inr-link a.is-current:hover{color: #fff;background-color: #00A2E6;}
}

@media only screen and (max-width: 480px){
    .pro-inr-link li a{font-size:13px;}
}

/* タブ切り替え */
#tabProduct01 .tabs-nav,#tabProduct02 .tabs-nav,#tabProduct03 .tabs-nav{margin:3% 0 0 0; font-size: 0;cursor:pointer;}
#tabProduct01 .tabs-nav li,#tabProduct02 .tabs-nav li,#tabProduct03 .tabs-nav li{
width:32%;display: inline-block;position: relative;vertical-align: middle;margin:0 0 0 2%;padding:1.2% 3%;color: #fff;box-sizing: border-box;font-size:16px;background-color:#5A5A5A;transition: all .3s; }
#tabProduct01 .tabs-nav li:first-child,
#tabProduct02 .tabs-nav li:first-child,
#tabProduct03 .tabs-nav li:first-child{margin:0;}
#tabProduct01 .tabs-nav li::before,
#tabProduct02 .tabs-nav li::before,
#tabProduct03 .tabs-nav li::before{
display: block;content: '';position: absolute;top:0;bottom:0;left:1px;margin:auto 0;width: 8px;height:8px;border: 8px solid transparent;border-left:8px solid #1E1E1E;box-sizing: border-box;}

#tabProduct01 .tabs-nav li.selected,
#tabProduct02 .tabs-nav li.selected,
#tabProduct03 .tabs-nav li.selected{ color: #fff; background-color:#00A2E6; }
#tabProduct01 .tabs-nav li.selected::before,
#tabProduct02 .tabs-nav li.selected::before,
#tabProduct03 .tabs-nav li.selected::before{border-left:8px solid #FFF; }


@media only screen and (max-width: 480px){
#tabProduct01 .tabs-nav li,#tabProduct02 .tabs-nav li,#tabProduct03 .tabs-nav li{font-size:13px;padding:1.5% 5%;}
}

/* コンテンツ */

.product .box01 .pc{ margin-bottom:30px;}
.product .box01 p.txt{ margin:0.5em 0 2em;}



.pro-lead{float: right;width:40%;}
.pro-lead-title{font-size: 26px;}
.product .box02{margin:-78px 0 10% 0;padding:78px 0 0;}
.pro-data{margin:4% 0 0;overflow: hidden; }
.pro-data-outline{float: left;width:32%;}
.pro-data-title{font-size: 26px;line-height: 1.5;}
.pro-data-title span{font-size: 18px;}
.pro-data-num{font-size:18px;}
.pro-data-btn{margin:8% 0 0;/*text-align: right;*/}
.pro-data-btn a{display:inline-block; padding:1em 2em 1em 4em;vertical-align: middle;color:#FFF;background:#00A2E6 url(../images/product/pro_icon_01.png) 10px center no-repeat;background-size:15% auto;}
.pro-data-btn a:hover{opacity: .8;}
.pro-data-dtl{float: right;width:60%;margin:0 0 0 3%;padding:0 0 0 3%;font-size: 14px;overflow: hidden;border-left: 1px solid #5A5A5A;}
.pro-data-dtl dt{float: left;width:20%;margin:1% 0 1%;clear: both;}
.pro-data-dtl dt span{display: none;}
.pro-data-dtl dd{float: right;width:75%;margin:1% 0 1%;}
.product .box03{margin:-78px 0 5% 0;padding:78px 0 0;}
.pro-claim-img{width:34%;margin:4% auto 0;}
.pro-claim-img-02{width:56%;margin:4% auto 0;}
.pro-claim-title{margin:3% 0 0;font-size: 22px;line-height: 1.5;}
.pro-claim-text{margin:1% 0 0;font-size: 14px;}


.pro-claim-text li{ float:left; width:23.5%; margin:2% 0 0 2%; }
.pro-claim-text .xt li:nth-child(1){margin:2% 0 0!important;}
.pro-claim-text .xt li:nth-child(5){margin:2% 0 0!important;}
.pro-claim-text .zg li:nth-child(1){margin:2% 0 0!important;}
.pro-claim-text .zg li:nth-child(5){margin:2% 0 0!important;}
.pro-claim-text .zg li:nth-child(9){margin:2% 0 0!important;}
.pro-claim-text .dt li:nth-child(1){margin:2% 0 0!important;}
.pro-claim-text .dt li:nth-child(5){margin:2% 0 0!important;}
.pro-claim-text .i5 li:nth-child(1){margin:2% 0 0!important;}
.pro-claim-text .i5 li:nth-child(5){margin:2% 0 0!important;}
.pro-claim-text .st li:nth-child(1){margin:2% 0 0!important;}
.pro-claim-text .st li:nth-child(5){margin:2% 0 0!important;}
.pro-claim-text .sg li:nth-child(1){margin:2% 0 0!important;}
.pro-claim-text .sg li:nth-child(5){margin:2% 0 0!important;}
.pro-claim-text .qsf960 li:nth-child(1){margin:2% 0 0!important;}
.pro-claim-text .qsf960 li:nth-child(5){margin:2% 0 0!important;}
.pro-claim-text .qsf960 li:nth-child(9){margin:2% 0 0!important;}

.pro-claim-text .pic{  width:100%; text-align:center; }
.pro-claim-text .txt{ margin-top:4%; min-height:130px;}
@media only screen and (max-width: 768px){
.pro-claim-text li{ width:48%; }
.pro-claim-text .txt{ margin-top:1em; min-height:130px;}
.pro-claim-text li:nth-child(odd){margin:2% 0 0 0; }
.pro-claim-text li:nth-child(even){margin:2% 0 0 4%; }
}


.product .box04{margin:-78px 0 10% 0;padding:78px 0 0;}
.pro-case{margin:3% 0 0;padding:4% 0;
}
.pro-case-title-01{font-size: 22px;line-height: 1.5;}

.pro-case-list li{margin:5% 0 0;padding:5% 0 0;border-top:1px solid #5A5A5A;overflow: hidden; position:relative;}
.pro-case-list li:first-child{margin:0;}
.pro-case-list li .u-mt-ss{ padding:0 0 0 44%;}
.pro-case-img-01{/*width:60%;*/width:40%;margin:2% auto 0;text-align: center;}
.pro-case-img-02{/*width:44%;*/width:40%;float: left;margin:0 4% 0 0;}
.pro-case-img-03{width:74%;margin:2% auto 0;text-align: center;}
.pro-case-img-04{width:44%;margin:2% auto 0;text-align: center;}
.pro-case-img-05{width:44%;float:right;margin:0 0 0 4%;}
.pro-case-img-06{width:87%;margin:2% auto 0;text-align: center;}
.pro-case-img-07{width:50%;margin:2% auto 0;text-align: center;}
.pro-case-text-01{margin:4% 0 0;text-align: center;}
.pro-case-text-02{margin:4% 0 0;}
.pro-name{margin:3% 0 0;}
.pro-name-list li{width:30.6666%;float: left;margin:0 0 0 4%;}
.pro-name-list li:first-child{margin:0;}

.product .box05{margin:-78px 0 10% 0;padding:78px 0 0;}
.pro-spec{margin:4% 0 0;}
.pro-spec-data dt{display: inline-block;width:25%;vertical-align:top;margin:1% 0 1%;}
.pro-spec-data dt span{display: none;}
.pro-spec-data dd{display: inline-block;width:70%;vertical-align:top;margin:1% 0 1%;}
.pro-spec-notice{margin:2% 0 0;font-size: 14px;color:#878787;}

.img-notice{border: 1px solid #5A5A5A;background: #282828; padding:1.2% 2%; font-size:14px; margin-top:30px;}

.pro-lineup-title{font-size: 24px;text-align: center;}
.pro-lineup-list{margin:2% 0 0;overflow: hidden;}
.pro-lineup-list li{width:32%;float: left;margin:0 0 0 2%;text-align: center;}
.pro-lineup-list li:first-child{margin:0;}
.pro-lineup-item{margin:2% 0 0;font-size: 20px;text-align: center; }
.pro-lineup-img{display: inline-block;padding:1px;border: 1px solid #5A5A5A;}
.pro-lineup-list a .pro-lineup-img,.pro-lineup-list a .Btn09{transition: all .3s;}
.pro-lineup-list a:hover .pro-lineup-img{border: 1px solid #30c1ff;}
.pro-lineup-list a:hover .Btn09{background:#30c1ff; color:#FFF;}

@media only screen and (max-width: 768px){
.pro-case-list li{padding:5% 5% 0;}
.pro-case-list li .u-mt-ss{ padding:0;}
.pro-case-title-01{margin-bottom:4%; }
.pro-lead-title{font-size: 22px;}


.pro-lead{float: none;width:100%;margin:5% 0 0;}
.pro-data-title{font-size: 22px;}
.pro-data-num{font-size:16px;}
.pro-data-outline{float:none;width:100%;}
.pro-data-dtl{float:none;width:100%;margin:5% 0 0;padding:5% 0 0;border-top: 1px solid #5A5A5A;
border-left:none;}
.pro-case-text-01{text-align: left;}
.pro-case-text-02,
.pro-case-text-03{margin:2% 0 0;}
.pro-case-img-01{width:50%;}
.pro-case-img-02,
.pro-case-img-05{width:100%;float:none;margin:0 auto;text-align: center; }

.pro-case-img-07{width:65%;}

.pro-name-list li{ width:100%; float: none; margin:20px 0 0 ; text-align:center;}
.pro-name-list li:first-child{margin:0;}

.pro-spec td{font-size: 14px;}
.pro-lineup-title{font-size: 22px;}
.pro-lineup-list li{width:48%;margin:0 0 5% 0;}
.pro-lineup-list li:first-child{margin:0 0 5% 0;}
.pro-lineup-list li:nth-child(even){float: right;}
.pro-lineup-item{font-size:18px;}
.img-notice{padding:2% 4%; font-size:13px; }
}

@media only screen and (max-width: 480px){
.pro-case-title-01{text-align:left; font-size: 18px;}
.pro-data-dtl dt{float:none;width:100%;color:#878787;}
.pro-data-dtl dt span{display: inline;}
.pro-data-dtl dd{float:none;width:100%;margin:0 0 1%;padding-left:1em;box-sizing:border-box;}
.pro-data-btn {text-align: center;}
.pro-case-list li{margin:7% 0 0; padding:5% 0 0;}
.pro-spec-data dt{display: block;width:100%;color:#878787;margin:1% 0 0;}
.pro-spec-data dt span{display: inline;}
.pro-spec-data dd{display: block;width:100%;margin:0 0 1%;padding-left:1em;box-sizing:border-box;}
.pro-lineup-list li{float: none;width:100%;padding:5% 0 0;border-top:1px solid #5A5A5A;}
.pro-lineup-list li:first-child{padding:0;border-top:none;}
.pro-lineup-list li:nth-child(even){float:none;}
}


/*追記 160804*/
.game-list-bnr li{ float:left; width:30%; margin:2% 0 0 2%; }
/*
.game-list-bnr .default li:nth-child(1){margin:2% 0 0!important;}
.game-list-bnr .default li:nth-child(4){margin:2% 0 0!important;}
*/
.game-list-bnr .pic{  width:100%; text-align:center; }
.game-list-bnr .txt{ margin-top:4%; min-height:64px;}
.game-list-bnr .link{ text-decoration: underline!important;}
@media only screen and (max-width: 768px){
.game-list-bnr li{ width:48%; }
.game-list-bnr .txt{ margin-top:1em; min-height:64px;}
/*
.game-list-bnr li:nth-child(odd){margin:2% 0 0 0; }
.game-list-bnr li:nth-child(even){margin:2% 0 0 4%; }
*/
}
@media only screen and (max-width: 480px){
.game-list-bnr .txt{font-size: 85%;}
}

.gamelistBox > #acMenu > dt{
  text-align: center;
	margin-bottom: 64px;
}

.gamelistBox > #acMenu > dt span {
    display: inline-block;
    text-align: center;
    margin: 20px auto 0;
    font-size: 24px;
    color: #FFF;
    padding: 1em 6em;
    background: #666 url(../images/common/open.png) no-repeat 93% center;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    transition: all .3s;
		background-size: 5%;
    cursor: pointer;
}

.gamelistBox > #acMenu > dt span:hover{color:#FFF; background:#777 url(../images/common/open.png) no-repeat 93% center; background-size: 5%;}
.gamelistBox > #acMenu > dt.active span{ background:#00A2E6 url(../images/common/close.png) no-repeat 93% center; background-size: 5%;}

.gamelistBox > #acMenu > dd {
    display: none;
  /*  background: #1e1e1e;
    border: 1px solid #5A5A5A;
    padding: 30px;
	*/
    margin-top: 20px;
		margin-bottom: 64px;
}

@media only screen and (max-width: 768px){
.gamelistBox > #acMenu > dt span {
    display: inline-block;
    text-align: center;
    font-size: 16px;
    color: #FFF;
    padding: 25px 0;
    width: 90%;
    background: #777 url(../images/common/open.png) no-repeat 93% center;
    background-size: 5%;
    cursor: pointer;
}
}

/*追記END*/

/*追記160808*/
.Btn20 {
    color: #FFF;
    background: #666666;
    padding: 0.1em 1em 0.1em 1em;
    vertical-align: middle;
    float:right;
    display:block;
    width:100px!important;
}
.Btn20:hover{
  background: #777777;
}

/*追記160809*/
.alert {
	color: #FF0004;

}
/*追記160813*/
#pulldown1 p{
margin-bottom: 10px;
}

#pulldown2 p{
margin-top: 10px;
margin-bottom: 10px;
}

/*追記160815*/
.pro-data-btn .preRelease {
	display: inline-block;
	padding:1em 2em;
	vertical-align: middle;
	color: #FFF;
	background: #5A5A5A;
	background-size:15% auto;
}


/*追記160816*/
.campaign_bnr_big{
padding-top:64px;
}
.campaign_bnr_big a img{
border:solid #666 1px;
transition: all .3s;
}
.campaign_bnr_big a:hover img{
border:1px solid #30c1ff;
}
.campaign_bnr_small{
padding-top:32px;
display:none;
text-align: center;
}
.campaign_bnr_small a img{
border:solid #666 1px;
transition: all .3s;
}
.campaign_bnr_small a:hover img{
border:1px solid #30c1ff;
}
@media only screen and (max-width: 768px){
	.campaign_bnr_big{
	display:none;
	}
	.campaign_bnr_small{
	display:block;
	}
}

/*************** 170201追記 *********************/
.sub-container .l-header { height: 1em; }
.sub-container .header-inner .hlogo {
    width: 17.2%;
    float: left;
    padding-top: 1em;
}
.sub-container .subContents img {
    max-width: 100%;
    height: auto;
}
.product-pages {
    padding-top: /*3em*/0;
}
.product-pages #product-block {
height:540px;
padding:82px 0 0;
background-size:cover;
box-sizing:border-box;
position:relative;
}
.product-pages #product-block ul {
    margin-top: 25%;
}
.mini-tower ul,.slim ul {
    margin: 28% auto 0 !important;
}
.tower { background: url(../images/tower-bg-01.jpg) no-repeat 50% 20%; }
.mini-tower { background: url(../images/mini-tower-bg-01.jpg) no-repeat 50% 20%; }
.slim { background: url(../images/slim-bg-01.jpg) no-repeat 50% 20%; }
.note { background: url(../images/note-bg-01.jpg) no-repeat 50% 20%; }
/*.wins-10 { background: url(../images/wins-10-bg-01.jpg) no-repeat 50% 20%; }*/

/* blue button */
.product-pages .btnTypeA01,.product-pages .btnTypeA02 {
    width: 150px;
    padding: .7em .5em .675em;
    display: inline-block;
    border-radius: 3px;
    background: #00b4ff;
    box-shadow: 0 2px 0 0 #0075a6;
    text-align: center;
    box-sizing: border-box;
}
.product-pages .btnTypeA01:hover,.product-pages .btnTypeA02:hover {
    transition: .8s;
    opacity: .85;
    color: #fff;
}

.about-02 {
    width: 100%;
    padding: 5em 0;
    background: #fff;
    box-sizing: border-box;
}
.about-02 .imgColumn01 {
    overflow: hidden;
}
.about-02 .imgColumn01 .oneBlock {
    width: 48%;
    margin: 0 1%;
    float: left;
    box-sizing: border-box;
}
.about-02 .imgColumn01 .oneBlock {
    width: 46%;
    margin: 0 2%;
    float: left;
    box-sizing: border-box;
}
.about-02 .imgColumn01 .oneBlock figure {
    text-align: center;
    margin: 0 0 1em;
}
.about-02 .imgColumn01 .oneBlock figure img {
    width: 30%;
    margin: 0 0 1em;
}
.about-02 .imgColumn01 .oneBlock figure figcaption {
    color: #333;
    font-size: 200%;
    font-weight: bold;
}
.about-02 .imgColumn01 .oneBlock .txt {
    color: #333;
    text-align: left;
    margin: 0 0 2em;
}

/**/
.item-btm-foto-wide {
    position: relative;
}
.item-btm-foto-wide ul {
    position: absolute;
    top: 70%;
    left: 20%;
}
.items-btm h3 {
    text-align: center;
    padding: 1em 0;
    border-top: solid 1px #00b4ff;
}
.items-btm .imgColumn01 {
    overflow: hidden;
    border-top: solid 1px #00b4ff;
}
.items-btm .imgColumn01 .oneBlock {
    width: 33.33333%;
    margin: 0;
    float: left;
    box-sizing: border-box;
    border-bottom: solid 1px #00b4ff;
}
.items-btm-3-col .imgColumn01 .oneBlock {
    width: 33.3%;
}
.items-btm .imgColumn01 .oneBlock:not(:last-of-type) {
    border-right: solid 1px #00b4ff;
}
.items-btm .imgColumn01 .oneBlock a {
    display: block;
    max-width: 100%;
    padding: 0;
}
.items-btm .imgColumn01 .oneBlock a figure:hover {
    transition: .8s;
    opacity: .85;
    background: #fff;
}
/**************************/
.product-top { 
    position: relative;
}
.product-top figure {
    position: absolute; top: 75%; left: 20%;
}
.mainBox-02 {
    background: #fff;
}

/* product-detail */
.product-detail {
    color: #555;
    padding: 4em 0;
}
.product-detail .product-detail-inner {
    max-width: 1100px;
    margin: 0 auto;
    padding: 0 0 3%;
}
.product-detail .product-detail-inner h2 {
    width: 100%;
    font-size: 1.5em;
    font-weight: bold;
    margin: 0 auto 1em;
    padding: .5em 0;
    border-bottom: 1px solid #999;
}
#slide .pro-data {
    width: 98%;
    margin: 0 1%;
}


/* product-detail TABLE */
.product-detail table tr:last-of-type th,.product-detail table tr:last-of-type td {
    border: none;
}
.product-detail table th {
    width: 25%;
    padding: 0 1em;
    font-weight: bold;
    border-bottom: 1px solid #555;
}
.product-detail table th:first-of-type {
    border-top: none;
}
.product-detail table td {
    width: 75%;
    text-align: center;
}
.product-detail table .price td {
    font-size: 1.2em;
    font-weight: bold;
}
.product-detail .pro-data-btn {
    margin: 2% 0 0;
}
.product-detail .pro-data-btn a {
    padding: 1em 2em;
}

/* detail-foto */
.detail-foto  [class^="detail-foto-"] {
    position: relative;
}
.detail-foto  [class^="detail-foto-"] div {
    display: table;
    position: absolute;
}
.detail-foto  [class^="detail-foto-"] div a {
    display: table-cell;
    vertical-align: middle;
    font-size: 2em;
    font-weight: bold;
}
.detail-foto  [class^="detail-foto-"] div a img {
    margin-top: -.4em;
}
.detail-foto  [class^="detail-foto-"] div a span {
    float: right;
}
.detail-foto  [class^="detail-foto-"] div a span img {
    margin-top: -.4em;
}

/* color-boxes */
.detail-foto  [class^="detail-foto-"] .color-boxes {
    display: none;
}
#cboxContent * {
    box-sizing: border-box;
}
#cboxContent [class^="box"] {
    overflow: hidden;
    display: table;
    max-width: 90%;
    margin: 0 auto;
    padding: 1.5em;
}
#cboxContent [class^="box"] p,#cboxContent [class^="box"] figure {
    width: 50%;
    display: table-cell;
    vertical-align: middle;
    box-sizing: border-box;
}
#cboxContent [class^="box"] p {
    padding: 1em 2em 1em 1em;
    white-space: normal;
    text-align: justify;
}
#cboxContent [class^="box"] p span.title {
    display: block;
    font-size: 1.2em;
    font-weight: bold;
}
#cboxContent [class^="box"] p span.title:after {
    display: block;
    content: "";
    width: 70px;
    height: 4px;
    background: #00b4ff;
    margin: 15px 0;
}
#cboxContent [class^="box"] figure {
    text-align: center;
}
#cboxContent [class^="box"] figure img {
    max-width: 100%;
}

/* prospec-02 */
.pro-spec-02 {
    max-width: 1100px;
    margin: 0 auto;
    padding: 4em 0;
}
.pro-spec-02 table {
    width: 96%;
    margin: 0 2%;
}
.pro-spec-02 table th {
    font-weight: bold;
}
.pro-spec-02 table th,.pro-spec-02 table td {
    text-align: left;
    border-bottom: 1px solid #fff;
    border-top: none;
}

/* footer */
#footer {
    padding-top: 3%;
}
.footer-nav {
    border-top: none;
}
.pageTop { z-index: 99; }



/**/
/*notebook model*/
.swiper-container .details .note_h2{
	width:472px;
	margin:0 auto;
	border:none;
}
.details .note_information{
    position:relative;
	padding-top:30px;
}
.details .note_information dt{
	position:absolute;
	width:280px;
	float:left;
	padding: 20px 0px 20px 150px;
	font-weight:bold;
	font-size:16px;
}
.details .note_information dd {
    width: 1100px;
    padding: 20px 0px 20px 330px;
    display: block;
	border-bottom: 1px solid #555;
	font-size:16px;
}
.details .note_information dd:nth-child(2) {
	border-top: 1px solid #555;
}
.details .note_information .price{
    font-size: 1.2rem;
    font-weight: bold;
}
.details .note_topbotton{
	width:150px;
	margin:50px auto auto auto;
}
.attention01{
	width:1100px;
	margin:0 auto;
	padding:80px 0px;
}
aside .attention01 .attention_h3{
	font-size:30px;
	padding-bottom:10px;
	border-bottom: 1px solid #ffffff;
	margin-bottom:20px;
}
.attention_text p{
	margin-bottom:20px;
}
.none{
	display:none;

}
.details .note_information_sp{
	display:none;
}

@media only screen and (min-width: 769px){
	/* windows_10 */
.windows{background: url(../images/windows_10/0.jpg) no-repeat 50% 20%; position: relative; height: 720px !important; padding: 50px 0 !important;}
.spec{background: white;     height: 450px !important;}
.bread_windows{
	width: 100%;
	}
.bread_windows ul{
	margin-top: 0 !important;
	width: 1000px;
	margin-bottom: 2%;
}
.bread_windows ul:after{
	display: block;
	content: "";
	clear:  both;
}
.bread_windows li{
	list-style: none;
	float: left;
	margin: 0 0.25em 0;
}
.product-pages #product-block2 {
height:540px;
padding:82px 0 0;
background-size:cover;
box-sizing:border-box;
position:relative;
}
.product-pages #product-block2 ul {
    margin-top: 25%;
}
.product-pages #product-block3 {
height:540px;
padding:82px 0 0;
background-size:cover;
box-sizing:border-box;
position:relative;
}
.product-pages #product-block3 ul {
    margin-top: 25%;
}
.windows h1{
	text-align: center;
	font-size: 35px;
    font-weight: bold;
    line-height: 1.29;
    letter-spacing: .7px;
    color: #fff;
}
.spec h1{
	text-align: center;
	margin: 0 0 30px;
    padding: 0 0 35px;
    font-size: 35px;
    font-weight: bold;
    line-height: 1.29;
    letter-spacing: .7px;
    color: black;
    position: relative;
}
.spec h1:after{
	display: block;
    content: "";
    width: 70px;
    height: 4px;
    background: #00b4ff;
    position: absolute;
    bottom: 0;
    left: 47%;		
}
.spec p{
	color: black;
	width: 72%;
    margin: 3% 14%;
    font-size: 121%;
}
.border{
	width: 8%;
	border-top: solid 4px #00b4ff;
	margin: 0 auto;
}
.border[no2]{
	margin: 5% 0;
	width: 15%;
}
.spec2{
	background: url(../images/windows_10/1.jpg) no-repeat;
	height: 1282px !important;
}
section.windows_box{
	max-width: 1000px;
	width: 100%;
	height: auto;
	margin: 0 auto;
}
section.windows_box:after{
	display: block;
	content: "";
	clear: both;
}
.img_area{
	float: left;
	width: 48%;
	height: 600px;
	margin: 6% 0 0;
}
.img_area2{
	float: left;
	width: 42%;
	height: 600px;
	margin: 6% 0 0;
}
.txt_area{
	float: left;
	width: 42%;
	height: 600px;
	margin: 6% 0 0 10%;
}
.txt_area2{
	float: left;
	width: 48%;
	height: 600px;
	margin: 6% 8% 0 0;
}
.txt_area h4,
.txt_area2 h4{
	margin: 0 0 30px;
    padding: 0 0 35px;
    font-size: 30px;
    font-weight: bold;
    line-height: 1.29;
    letter-spacing: .7px;
    color: #fff;
    position: relative;
}
.txt_area h4:after,
.txt_area2 h4:after{
	display: block;
    content: "";
    width: 70px;
    height: 4px;
    background: #00b4ff;
    position: absolute;
    bottom: 0;
    left: 0;		
		}
.innerWrap[windows_10_2] h1{
	margin: 0 0 30px;
    padding: 0 0 35px;
    font-size: 35px;
    font-weight: bold;
    line-height: 1.29;
    letter-spacing: .7px;
    color: black;
    position: relative;
	text-align: center;
}
.innerWrap[windows_10_2] h1:after{
	display: block;
    content: "";
    width: 70px;
    height: 4px;
    background: #00b4ff;
    position: absolute;
    bottom: 0;
    left: 47%;		
}
.windows_10_box{
	width: 50%;
	float: left;
}
.innerWrap[windows_10_2]:after{
	display: block;
	content: "";
	clear: both;
}
p.windows_xbox{
	text-align: center;
	margin-top: 30px;
}
.windows_10_box h2{
	font-size: 150%;
	font-weight: bold;
	color: black;
	text-align: center;
    margin: 30px 0;
}
.windows_10_box p{
	color: black;
	width: 83%;
    margin: 0 12%;
}
/*SP版は非表示*/
p.pc_none,
p.pc_none2{
	display: none;			
		}
}


/* adjusters */
.two-box {
    width: 100%;
    overflow: hidden;
}
.two-box > div {
    width: 49%;
    margin: 0 .5%;
    float: left;
    text-align: center;
}
.cf { overflow: hidden; }
.bg-white { background: #fff; }
.bg-blue-01 { background: #0075a6; }
.border-btm-fff { padding: .5em 0; border-bottom: 1px solid #fff; }
.bold { font-weight: bold; }
.ft-80 { font-size: 80%; }
.ft-120 { font-size: 120%; }
.padding-1 { padding: 1em; }
.align-c { text-align: center; }


/*PRODUCTページ 20170221*/

@media screen and (min-width: 768px){

    .section_win10{
    width:100%;
    height:534px;
    background: #131a22 url("../images/bg_product_win10.jpg") no-repeat; 
    background-sizing:cover;
    box-sizing: border-box;
    padding-top:128px;

    }

    .section_win10 h3{
    font-size: 200%;
    padding-bottom:18px;
    position: relative;
    }

    .section_win10 h3:after
    {
        display: block;
        content: "";
        width: 70px;
        height: 4px;
        background: #00b4ff;
        position: absolute;
        bottom: 0;
        left: 0;
    }
    .section_win10 p{
        margin-top:24px;
    }
    
    .section_win10 div{
        width:960px;
        margin: 0 auto;
    }

    .section_win10 div div{
        float:left;
        width:480px;
    }

    .section_win10 div .win10_logo{
        width:100%;
        margin-top:86px;
        text-align: right;
    }

}

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

    .section_win10{
    width:100%;
    height:534px;
    background: #131a22 url("../images/bg_product_win10.jpg") no-repeat; 
    background-sizing:cover;
    box-sizing: border-box;
    padding-top:64px;

    }

    .section_win10 h3{
    font-size: 200%;
    padding-bottom:18px;
    position: relative;
    }

    .section_win10 h3:after
    {
        display: block;
        content: "";
        width: 70px;
        height: 4px;
        background: #00b4ff;
        position: absolute;
        bottom: 0;
        left: 0;
    }
    .section_win10 p{
        margin-top:24px;
    }
    
    .section_win10 div{
        width:280px;
        margin: 0 auto;
    }

    .section_win10 div div{
        float:left;
        width:280px;
    }

    .section_win10 div .win10_logo{
        float:left;
        margin-top:24px;
    }
}

/*PRODUCTページ 20180524*/

@media screen and (min-width: 768px){

    .section_iem{
    width: 100%;
    height: 534px;
    background: #131a22 url("../images/product/iem_bg_s.jpg") no-repeat; 
    background-size: cover;
    box-sizing: border-box;
    /*padding-top: 128px;*/
    }
    .section_iem .bgOp{
        height: 100%;
        width: 100%;
        background: rgba(0,0,0,0.55)
    }

    .section_iem h3{
    font-size: 200%;
    padding-bottom:18px;
    position: relative;
    }

    .section_iem h3:after
    {
        display: block;
        content: "";
        width: 70px;
        height: 4px;
        background: #00b4ff;
        position: absolute;
        bottom: 0;
        left: 0;
    }
    .section_iem p{
        margin-top:24px;
    }
    
    .section_iem div{
        width:960px;
        margin: 0 auto;
    }
    .section_iem div.textArea{
        margin-top: 35px;
        clear: both;
    }
    
    .section_iem div div{
        float:left;
        width:700px;
    }
    .section_iem div span.iemLogoBtm img{
        height: 80px;
    }
    .section_iem .iem_logo{
        width:960px;
        padding:66px 0;
        text-align: right;
    }
    .section_iem .iem_logo img {
        height: 80px;
        float: left;
    }
    .section_iem .iem_logo img.imgPcNone {
        display: none;
    }
    .section_iem div span.iemLogoBtm {
        position: relative;
        top: 175px;
        float: right;
    }
}

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

    .section_iem{
    width: 100%;
    height: 534px;
    background: #131a22 url("../images/product/iem_bg_s.jpg") no-repeat; 
    background-size: cover;
    box-sizing: border-box;
    /*padding-top: 64px;*/
    }
    .section_iem .bgOp{
        height: 100%;
        width: 100%;
        background: rgba(0,0,0,0.55)
    }
    .section_iem h3{
    font-size: 200%;
    padding-bottom: 18px;
    position: relative;
    }

    .section_iem h3:after
    {
        display: block;
        content: "";
        width: 70px;
        height: 4px;
        background: #00b4ff;
        position: absolute;
        bottom: 0;
        left: 0;
    }
    .section_iem p{
        margin-top: 24px;
    }
    
    .section_iem div{
        width: 350px;
        margin: 0 auto;
    }

    .section_iem div div{
        float: left;
        width: 350px;
    }

    .section_iem .iem_logo{
        padding: 24px 5px;
        width: 350px;
    }
    .section_iem .iem_logo img {
        height: 60px;
    }
    .section_iem div span.iemLogoBtm {
        display: none;
    }
    .section_iem .iem_logo img.imgPcNone {
        padding-left: 8px;
    }
}


.product-top.tower{
    background: #000000 url("../images/product/tower-01.jpg") no-repeat center;
    width:100%;
    height:803px;

}
.product-top.minitower{
    background: #000000 url("../images/product/mini-tower-01.jpg") no-repeat center;
    width:100%;
    height:803px;

}
.product-top.note{
    background: #000000 url("../images/product/notebook_01.jpg") no-repeat center;
    width:100%;
    height:803px;

}
.product-top.slim{
    background: #000000 url("../images/product/slim-01.jpg") no-repeat center;
    width:100%;
    height:803px;

}

.product-top .inner{
    width:1280px;
    margin:0 auto;
        padding:24px;
}
.product-top .inner .text_block{
    float:left;
    padding-top:128px;
    width:380px;
}
.product-top .txt{

    padding-top:24px;

}
.product-top .price {
    padding-top:64px;
    font-size: 1.5em;
    font-weight: bold;
}
.product-top h3{
    font-size: 120%;
    padding-bottom:10px;
    position: relative;
}
.product-top h3:after
{
    display: block;
    content: "";
    width: 70px;
    height: 4px;
    background: #00b4ff;
    position: absolute;
    bottom: 0;
    left: 0;
}

.product-top h2{

    font-size: 300%;
    font-weight: bold;

}

.product-top .inner .spec_block{
    float:right;
    padding-top:128px;
}
.spec-text{
font-size: 180%;
}
.spec-text-grayout{
font-size: 100%;
color:#5c5c5c;
}

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

.product-top .inner{
    width:720px;
    margin:0 auto;
        padding:24px;
}

}

/** News用　**/

.sectionBox span.center {
    display: inline-block;
    width: 100%;
    text-align: center;
    margin-bottom: 2em;
  }
  ul.note_campaign{
    padding-left:24px;
  }
  .note_campaign li{
    list-style-type:disc!important;
  }
  .note_list{
    padding-left:24px;
  }
  .streamer .txtBox .sectionBox h3 {
    margin: 2em 0 1em;
    text-decoration: none;
    border-bottom: 2px solid #555;
  }
  .streamer h3 span {
    border-bottom: 2px solid #00A2E6;
  }
  .streamer h4::before {
    color: #555;
    content: "■ ";
    font-size: 25px;
    vertical-align: middle;
  }
  .mb1em {margin-bottom: 1em !important;}
  .mb2em {margin-bottom: 2em !important;}
  .News section.sectionBox.external p {
    padding-bottom: 0;
  }
  .external a:before {
    margin: 0 3px;
    font-family: FontAwesome;
    vertical-align: middle;
    content: '\f08e';
  }
  .ggmap {
    position: relative;
    padding-bottom: 30%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
  }
  .ggmap iframe,
  .ggmap object,
  .ggmap embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .fS16 { font-size: 16px; }
  .fS22 { font-size: 22px; }

  .streamer .sectionBox h4 {
    margin-bottom: 0;
  }
 .streamer .sectionBox h4+p,
 .streamer .sectionBox ul+p,
 .streamer .sectionBox ul+p {
      padding: 0 0 2em 2em;
  }
  .streamer .sectionBox ol,
  .streamer .sectionBox ul {
      padding-left: 3em;
      margin-bottom: 2em;
  }
  .streamer .sectionBox ol li {
      list-style: decimal;
  } 
  .streamer .sectionBox ul li {
    list-style: disc;
  } 
  .pL3em {
    padding-left: 3em !important;
  }
  .pB0 {
    padding-bttom: 0 !important;
  }
  .pT2em {
    padding-top: 2em !important;
  }
  .officialStreamer img {
    width: 150px;
    margin-right: 25px;
    float: left;
  }
  .streamerTxt {
    clear: both;
    margin-top: 3em;
}
.galleriaSupport {
    padding-top: 2em;
    clear: both;
}
.streamer .sectionBox .apply {
    margin:30px 0;
    padding-left: 0;
}
.streamer .sectionBox .apply li {
    float: left;
    width: 29.5%;
    text-align: center;
    margin: 1.90909%;
    box-sizing: border-box;
    border: 2px solid #00A2E6;
    padding: 1.81818%;
    min-height: 360px;
    list-style: none;
}
.streamer .sectionBox .apply li h3 { margin:20px 0 15px;}
.streamer .sectionBox .apply li span { font-size:80px; color:#00A2E6;}
.streamer .sectionBox .apply li p { text-align:center; }
.streamer .sectionBox .apply li p a.mailAdd {
    display: block;
    margin: 0.5em 0;
}
.streamer .sectionBox .apply li .btnBox { margin: 0; }
.streamer .sectionBox .apply li .btnBox a {
    text-decoration: none;
    width: 90%;
    padding: 15px 0;
}
.tAL { text-align: left !important; }
@media only screen and (max-width: 768px){
    .streamer .sectionBox .apply li {
        float: left;
        width: 96%;
        text-align: center;
        margin: 1.5%;
        box-sizing: border-box;
        border: 2px solid #00A2E6;
        padding: 5%;
        min-height: 0;
    }
}
.icon-text:before {
    content: "\f15c";
    font-family: FontAwesome;
}
.icon-envelop:before {
    content: "\f0e0";
    font-family: FontAwesome;
}
.icon-checked:before {
    content: "\f14a";
    font-family: FontAwesome;
}
.streamer section.streamer0830 {
    text-align: center;
    border-bottom: 1px solid #5A5A5A;
    padding-bottom: 1em;
    font-size: 20px;
}
.streamer section.streamer0830 .btnBox {
    margin: 1em 0;
}