@charset "UTF-8";
/*===*/





html,body,h1,h2,h3,h4,h5,h6,p,ul,ol,li,div,dl,dt,dd,table{
	margin:0;
	padding:0;}
	
/*body{
	font-family:'Meiryo','メイリオ',"ＭＳ Ｐゴシック",'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3';
	font-size:85%;
	line-height: 140%;
	color:#333;
	background:#CCC;}
*/

img{ border:none;}

*{ box-sizing:border-box;}

.pcno{ display:none;}


/* ––––––––––––––––––––––––––––––––––––––––––––––––––

　　汎用クラス

–––––––––––––––––––––––––––––––––––––––––––––––––– */


.none{ display:none;}
  
.clear-hr{
  clear:both;
  visibility:hidden;
  height:0;
  margin:0;
  border:none;}
  
.clear{ clear:both;}


.sprite{ 
 text-indent:100%;
 white-space:nowrap;
 overflow:hidden;}


.note{ font-size:0.85em; line-height:180%; color:#999;}
.mincho{
	font-family:
   "ヒラギノ明朝 ProN W3",
   "HiraMinProN-W3",
   "HG明朝E",
   "ＭＳ Ｐ明朝",
   "MS PMincho",
   "MS 明朝",
   serif;}
   

.w{ color:#FFF;}


.sp-t05{ margin-top:05px;}
.sp-t10{ margin-top:10px;}
.sp-t15{ margin-top:15px;}
.sp-t20{ margin-top:20px;}
.sp-t25{ margin-top:25px;}
.sp-t30{ margin-top:30px;}
.sp-t35{ margin-top:35px;}
.sp-t40{ margin-top:40px;}
.sp-t45{ margin-top:45px;}
.sp-t50{ margin-top:50px;}
.sp-t55{ margin-top:55px;}
.sp-t60{ margin-top:60px;}
.sp-t65{ margin-top:65px;}
.sp-t70{ margin-top:70px;}
.sp-t75{ margin-top:75px;}
.sp-t80{ margin-top:80px;}
.sp-t90{ margin-top:90px;}
.sp-t100{ margin-top:100px;}
.sp-t110{ margin-top:110px;}
.sp-t120{ margin-top:120px;}
.sp-t130{ margin-top:130px;}
.sp-t140{ margin-top:140px;}
.sp-t150{ margin-top:150px;}

.sp-b05{ margin-bottom:05px;}
.sp-b10{ margin-bottom:10px;}
.sp-b15{ margin-bottom:15px;}
.sp-b20{ margin-bottom:20px;}
.sp-b25{ margin-bottom:25px;}
.sp-b30{ margin-bottom:30px;}
.sp-b35{ margin-bottom:35px;}
.sp-b40{ margin-bottom:40px;}
.sp-b45{ margin-bottom:45px;}
.sp-b50{ margin-bottom:50px;}
.sp-b55{ margin-bottom:55px;}
.sp-b60{ margin-bottom:60px;}
.sp-b65{ margin-bottom:65px;}
.sp-b70{ margin-bottom:70px;}
.sp-b75{ margin-bottom:75px;}
.sp-b80{ margin-bottom:80px;}
.sp-b90{ margin-bottom:90px;}
.sp-b100{ margin-bottom:100px;}
.sp-b110{ margin-bottom:110px;}
.sp-b120{ margin-bottom:120px;}
.sp-b130{ margin-bottom:130px;}
.sp-b140{ margin-bottom:140px;}
.sp-b150{ margin-bottom:150px;}

.sp-b1em{ margin-bottom:1em;}
.sp-b1hem{ margin-bottom:1.5em;}
.sp-b2em{ margin-bottom:2em;}
.sp-b3em{ margin-bottom:3em;}
.sp-b4em{ margin-bottom:4em;}

.tex-center{ text-align:center;}
.tex-right{ text-align:right;}

.red{ color:#FF0000;}
.tex-sub{ font-size:0.85em; line-height:180%;}
.tex-midashi{ font-size:1.5em; color:#333; letter-spacing:3px; margin-bottom:10px;}
.tex075{ font-size:0.75em; color:#666666;}
.tex135{ font-size:1.35em;}
.tex125{ font-size:1.25em;}
.tex115{ font-size:1.15em;}
.img-left{ 
  float:left;
  padding:10px 20px 20px 0;}


.img-right{
  float:right;
/*  padding:10px 0 20px 20px;*/
  margin:10px 0 40px 40px;}

.red{ color:#F30;}
.blue{ color:#0583B8;}
.right{ text-align:right;}
.bold{ font-weight:bold;}

.hvr-c a:hover img{
opacity:0.8;
filter:alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
}


/* ––––––––––––––––––––––––––––––––––––––––––––––––––

　　共通の細かいパーツ

–––––––––––––––––––––––––––––––––––––––––––––––––– */

/*基本ロールオーバー
----------------------------------------------------*/
a {text-decoration:none; outline:none;}
a:link {color:#3399FF;}
a:visited {color:#3399FF;}
a:hover {color:#33CCFF;}
a:active {color:#33CCFF;}



/*アップボタン
----------------------------------------------------*/
  
#up{
	display:block;
	list-style:none;
	margin: 0 0 0 0;
	position: fixed;
	bottom:20px;
	right:10px;
	z-index: 99998; 
	text-decoration: none;
	overflow: hidden;
	width:38px;
	height:60px;
	background: url(../img/up.png) no-repeat top center;
	background-size:38px auto;}  


#up a{
	display:block;
	width:100%;
	height:100%;}


/* ––––––––––––––––––––––––––––––––––––––––––––––––––

　　基本枠の設定

–––––––––––––––––––––––––––––––––––––––––––––––––– */




#wrap {
	/*max-width:1800px;
	min-width:1200px;*/
	margin: 0 auto;
	background:#FFF;
	text-align:center;
	padding-top:100px;}


/*.cons{ width:1200px; margin:0 auto;}*/


/*スプライト*/
#sample li{
 text-indent:100%;
 white-space:nowrap;
 overflow:hidden;}





#p-soon #logo{ margin-bottom:50px;}
#p-soon h1{  font-size:25px; margin-bottom:20px;}
#p-soon #tex1{ line-height:180%; margin-bottom:20px;}
#p-soon #tex2{ font-size:12px; line-height:180%;}
#p-soon #sec1{ padding-bottom:100px;}

/* ––––––––––––––––––––––––––––––––––––––––––––––––––

　　テキストフェードイン

–––––––––––––––––––––––––––––––––––––––––––––––––– */