<br />
<b>Deprecated</b>:  The each() function is deprecated. This message will be suppressed on further calls in <b>/home/zhenxiangba/zhenxiangba.com/public_html/phproxy-improved-master/index.php</b> on line <b>456</b><br />
﻿
/* CSS Document 

content: "\f098";
	font-family: 'FontAwesome';
color:#ea5514;　　オレンジ
color: #638C0B;　　グリーン
color: rgba(99,140,11,1.00);
color: rgba(99,140,11,0.8);  hoverの色
font-family: 'Merriweather', serif;
*/
body {

 font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック', Sans-Serif;
   line-height: 1.9;
   letter-spacing: 0.15em;
  color: #333333;
  font-size: 16px;
  text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	/*position:relative;　このまま！！*/
	
}


/*-----------　基本リンク-----------------*/

a:link {
  color: #333;
  transition-property: all;
  transition: 0.3s linear;
}
a:visited {
  color: #000;
}
a:hover {
  text-decoration: none;
  color: #638C0B;
}
a:active {
  color: #000;
}


/*-----------PCとスマホの表示/非表示-----------------*/
.spDisplay {display:none; height:0;}
.pcDisplay {display:block;}


/*-----------他ユーティリティ-----------------*/
a img.btn{
background:none!important;
}
 
a:hover img.btn{
opacity:0.7;
filter:alpha(opacity=70);
-ms-filter: "alpha( opacity=70 )";
background:none!important;
}
	
/*BiggerLink
.bgl:hover {
	cursor: pointer;
	filter: alpha(opacity=80);
  -moz-opacity:0.85;
  opacity:0.85;
  transition: 0.3s linear;
	}
*/

.clear {
  clear: both;
}

/*単なるフロート*/
.leftFloat {
  float: left;
}

.rightFloat {
  float: right;
}

.vea-cnt {
  vertical-align: middle;
}
.red {
  color: #C00;
}

.hidden {
  display: none;
}

em {
  font-weight: bold;
}

img {
  vertical-align: text-bottom;
}

li img {
  line-height: 1;
  vertical-align: top;
}

.img-top {
  vertical-align: top;
}

.img-bottom {
  vertical-align: bottom;
}


/*-----------位置-----------------*/
.center {
  text-align: center;
  line-height: 1.6;
}

.leftimg {
  float: left;
  margin: 5px 15px 5px 0;
}

.rightimg {
  float: right;
  margin: 0 0 15px 15px;
}

/*右揃え*/
.rightFit {
  text-align: right;
}

/*左揃え*/
.lefttFit {
  text-align: left;
}

.fontCoda {
  font-family: 'Coda', cursive;
}

.fontTauri {
  font-family: 'Tauri', sans-serif;
}

.imgTop img {
  vertical-align: top;
}


/*-----------テキストサイズの設定-----------------*/

.bold { font-weight: bold}


.font-small {font-size: 75%; line-height: 1.2;}
.txt-cap {font-size: 80%; line-height: 1.5; color:#666;}

.small-red {font-size: 80%; color:#C00;}

.txt-mid {
	font-size: 100%;
	line-height: 1.7;
	color:#000;
	margin-bottom: 10px;
}

.txt22-red {font-size:22px; color: #ea5514;}


/*-----------ボタンの装飾-----------------*/


   hr {
	   clear:both;
	 height: 0;
	margin: 0;
	padding: 0;
	border: 0;
	 border-top: 1px solid #ddd;} 	

/*----------------------------------------------------
	BOX
----------------------------------------------------*/
.width1200 {
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;
}


#slide {
	background: #ccc;
	height: 650px;
	position: relative;
	margin-bottom: 130px;
}


header h1 {
	font-size: 45px;
	font-weight: normal;
	padding: 0 0 0 30px;
}

#content {
	width: 1200px;
	margin: 0 auto;
	height:100vh;
}
#content h1 {
	font-size: 38px;
	font-weight: normal;
	margin-bottom: 30px;
	letter-spacing: 0.2em;
}
#content p {
	line-height: 1.9;
}


 #headname {
	 overflow:hidden;
	 width: 100%;
	 margin-bottom: 50px;
 }
 
  #headname h1 {
	  font-size: 36px;
	  float:left;
	  width: 430px;
	  margin-top: 10px;
	 
  }
  
  #headname h1 span {
	  font-size: 22px;
	  padding-right: 10px;
	
  }
 
 
 #headname p {
	 width: 210px;
	 background: #000;
	 text-align: center;
	 float: right;
	 
 }
 
 #headname p#en-name {
	 background: none;
	 font-family: 'Merriweather', serif;
	 font-size: 10px;
	 color:#bfbfbf;
	 position:absolute;
	 left:250px;
	 top:63px;
	 text-align: left;
	 float: none;
	 width: auto;
 }
 
 
 #headname p a {
	 display: block;
	 color:#fff;
	 padding: 13px 0;
 }
 
 #headname p a:hover {
	 background: #638C0B;
	 transition: 0.3s linear;
 }
 
 
 #slide {
	 z-index:-1;
	 
  }
  
  
 #slide p.en{
	 font-family: 'Merriweather', serif;
	 font-size: 45px;
	 text-align:center;
	 color:#fff;
	 font-weight: 700;
	 padding-top: 270px;
	 letter-spacing: 0.2em;
	 line-height: 1.1;

 }
 
 #slide p.jp{

	 font-size: 24px;
	 text-align:center;
	 color:#fff;
	 padding-top: 0;
	 letter-spacing: 0.4em;

 }
 
 #slide #mark-head {
	 position:absolute;
	 top: 90px;
	 right:20%;
 }
 

/*----------------------------------------------------
	くっつき　plugin.jsにスクリプトあり
----------------------------------------------------*/

.menu-container {
	background: #fff;
	filter: alpha(opacity=95);
  -moz-opacity:0.95;
  opacity:0.95;
   width: 100%;
    margin: 0 auto 0 auto;
	z-index:9999;
}

.fixed {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10000;
}	


/*----------------------------------------------------
	ナビ　web site: http://marioloncarek.com
----------------------------------------------------*/


.menu-mobile {
    display: none;
    padding: 20px;
}

.menu-mobile:after {
    content: "\f394";
    font-family: "Ionicons";
    font-size: 2.5rem;
    padding: 0;
    float: right;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-25%);
    -ms-transform: translateY(-25%);
    transform: translateY(-25%);
}


.menu-dropdown-icon:before {
    content: "\f489";
    font-family: "Ionicons";
    display: none;
    cursor: pointer;
    float: right;
    padding: 1.5em 2em;
    background: #fff;
    color: #000;
	font-weight: bold;
}


.menu > ul {
    margin: 0 auto;
    width: 1200px;
    list-style: none;
    padding: 0;
    position: relative;
    /* IF .menu position=relative -> ul = container width, ELSE ul = 100% width */
    box-sizing: border-box;
	
}

.menu > ul:before,
.menu > ul:after {
    content: "";
    display: table;
}

.menu > ul:after {
    clear: both;
}

.menu > ul > li {
    float: left;
    background: #fff;
    padding: 0;
    margin: 0;
}

.menu > ul > li a {
  
	position: relative;
	display: inline-block;
	padding: 1.5em 3.0em;
	outline: none;
	color: #333;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 1px;
	text-shadow: 0 0 1px rgba(0,0,0,0.2);
	font-size: 16px;
}


.menu > ul > li:hover {
   /* background: #f7f6f2;
	transition: 0.3s linear;*/
	outline: none;
}

/*その他メニューのバーガーアイコン*/
li a#nev-barger {
	
	text-align:center;
	position: relative;
	font-size: 20px;
	padding: 1.0em 2em;
}


/*hoverエフェクト*/
.cl-effect-3 > li a {
	padding: 8px 0;
}

.cl-effect-3 > li a::after {
	position: absolute;
	top: 92%;
	left: 0;
	width: 100%;
	height: 6px;
	background: rgba(99,140,11,1.0);
	content: '';
	opacity: 0;
	-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
	-moz-transition: opacity 0.3s, -moz-transform 0.3s;
	transition: opacity 0.3s, transform 0.3s;
	-webkit-transform: translateY(10px);
	-moz-transform: translateY(10px);
	transform: translateY(10px);
}

.cl-effect-3 > li a:hover::after,
.cl-effect-3 > li a:focus::after {
	opacity: 1;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	transform: translateY(0px);
}

/*サブの背景*/
.menu > ul > li > ul {
	
    display: none;
	background-color: rgba(247,246,242,1.0);
	
    width: 100%;
    padding: 20px;
    position: absolute;
    z-index: 99;
    left: 0;
    margin: 0;
    list-style: none;
    box-sizing: border-box;	
}


.menu > ul > li > ul:before,
.menu > ul > li > ul:after {
    content: "";
    display: table;
}

.menu > ul > li > ul:after {
    clear: both;
}

.menu > ul > li > ul > li {
    margin: 0;
    padding-bottom: 0;
    list-style: none;
    width: 25%;
    background: none;
    float: left;
	
}

/*.menu > ul > li > ul > li a {
    color: #777;
    padding: .2em 0;
    width: 95%;
    display: block;
    border-bottom: 1px solid #ccc;
}*/


.menu > ul > li > ul > li a {
    color: #666;
    padding: .2em 0;
    width: 95%;
    display: block;
   
}

/*エフェクト*/
.menu > ul > li > ul > li a::after {
	
	height: 1px;
	
}

 .menu > ul > li > ul > li.sub-t span{
width: 95%;
display: block;
    border-bottom: 1px solid #ccc;
	padding-bottom: 5px;
	font-size: 14px;
 }
 
 /*サブメニューのライン位置調整：liのタイトルを取ったため*/
  .menu > ul > li.none-t > ul > li:nth-child(2).sub-t span,
  .menu > ul > li.none-t > ul > li:nth-child(3).sub-t span,
  .menu > ul > li.none-t > ul > li:nth-child(4).sub-t span
  
  {
	  padding-top: 26px;
 }
 

.menu > ul > li > ul > li > ul {
    display: block;
    padding: 0;
    margin: 10px 0 0;
    list-style: none;
    box-sizing: border-box;
}

.menu > ul > li > ul > li > ul:before,
.menu > ul > li > ul > li > ul:after {
    content: "";
    display: table;
}

.menu > ul > li > ul > li > ul:after {
    clear: both;
}


/*最下層のメニューテキスト*/
.menu > ul > li > ul > li > ul > li {
    float: left;
    width: 100%;
    padding: 0 0;
    margin: 0;
    font-size: .9em;
	
}

/*最下層のメニューフォントサイズ*/
.menu > ul > li > ul > li > ul > li a {
	font-size: 14px;
    border: 0;
}

.menu > ul > li > ul > li > ul > li a:hover {
	color:#000;
}

.menu > ul > li > ul > li > ul > li a:before {
	content: "\f3d3";
	font-family: 'ionicons';
	padding-right: 0.5em;
	color:#ccc;
}

.menu > ul > li > ul.normal-sub {
    width: 300px;
    left: auto;
    padding: 10px 20px;
}

.menu > ul > li > ul.normal-sub > li {
    width: 100%;
}

.menu > ul > li > ul.normal-sub > li a {
    border: 0;
    padding: 1em 0;
}


/*----------------------------------------------------
	NOW PLAYING
----------------------------------------------------*/
#p-home ul li#nav-home a,
#p-service ul li#nav-service2 a,
#p-chie li#nav-chie a,
#p-about li#nav-about a,
#p-staff li#nav-staff a
{color:#638C0B;
 font-weight: bold;
 }

.menu > ul > li > ul a {
	color:#333!important;
	font-weight: normal!important;
}


/** ページネーション
http://designshack.net/articles/css/building-a-custom-css3-pagination-user-interface/**/

.paginate.pag5 { 
clear:both;
text-align: center;
  padding: 16px 0;
  font-size: 14px;
  overflow:hidden;
  }
 
.paginate.pag5 li { 
display: inline;
	 font-weight: bold; 
	 line-height:1;
}
 
.paginate.pag5 li a {
 display: inline-block;
  color: #FFF;
  padding: 9px 11px;
  margin-right: 0;
  border-radius: 16px;
  background: #999;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.paginate.pag5 li a:hover {
  color: #FFF;
  background: #ccc;
}
.paginate.pag5 li a:active {
  -webkit-box-shadow: 1px 1px 3px -1px rgba(0,0,0, .55);
  -moz-box-shadow: 1px 1px 3px -1px rgba(0,0,0, .55);
  box-shadow: 1px 1px 3px -1px rgba(0,0,0, .55);
}
 
.paginate.pag5 li span.current_page { background: #2A2829; }
.paginate.pag5 li.single, .paginate.pag5 li span.current_page {
  padding: 9px 11px;
  margin-right: 0;
  border-radius: 16px;
  color: #fff;
}

/*//////////////*/


/*マージン用　5px-50px  ex).sp_top5...*/

.sptop5 {
  margin-top: 5px;
}

.sptop10 {
  margin-top: 10px;
}

.sptop15 {
  margin-top: 15px;
}

.sptop20 {
  margin-top: 20px;
}

.sptop25 {
  margin-top: 25px;
}

.sptop30 {
  margin-top: 30px;
}

.sptop35 {
  margin-top: 35px;
}

.sptop40 {
  margin-top: 40px;
}

.sptop45 {
  margin-top: 45px;
}

.sptop50 {
  margin-top: 50px;
}

.sptop100 {
  margin-top: 100px;
}


/*! .sp_right */
.spright5 {
  margin-right: 5px;
}

.spright10 {
  margin-right: 10px;
}

.spright15 {
  margin-right: 15px;
}

.spright20 {
  margin-right: 20px;
}

.spright25 {
  margin-right: 25px;
}

.spright30 {
  margin-right: 30px;
}

.spright35 {
  margin-right: 35px;
}

.spright40 {
  margin-right: 40px;
}

.spright45 {
  margin-right: 45px;
}

.spright50 {
  margin-right: 50px;
}

/*! .sp_bottom */
.spbottom5 {
  margin-bottom: 5px;
}

.spbottom10 {
  margin-bottom: 10px;
}

.spbottom15 {
  margin-bottom: 15px;
}

.spbottom20 {
  margin-bottom: 20px;
}

.spbottom25 {
  margin-bottom: 25px;
}

.spbottom30 {
  margin-bottom: 30px;
}

.spbottom35 {
  margin-bottom: 35px;
}

.spbottom40 {
  margin-bottom: 40px;
}

.spbottom45 {
  margin-bottom: 45px;
}

.spbottom50 {
  margin-bottom: 50px;
}

.spbottom100 {
  margin-bottom: 100px;
}


/*! .sp_left */
.spleft5 {
  margin-left: 5px;
}

.spleft10 {
  margin-left: 10px;
}

.spleft15 {
  margin-left: 15px;
}

.spleft20 {
  margin-left: 20px;
}

.spleft25 {
  margin-left: 25px;
}

.spleft30 {
  margin-left: 30px;
}

.spleft35 {
  margin-left: 35px;
}

.spleft40 {
  margin-left: 40px;
}

.spleft45 {
  margin-left: 45px;
}

.spleft50 {
  margin-left: 50px;
}