@charset "utf-8";
/* このファイルはUTF-8のBOMなし(UTF-8N)で保存しています */

/**
 * CSS Information
 * ===============================================================
 *
 * Site URL:  http://
 * File name: base.css
 * Summary:   ベーススタイル
 * Author:    CrEa Inc.
 *
 * -----------------------------------
 *
 * TOC:
 *     =1    html & body
 *     =2    box model styles
 *       =2-1     margin
 *       =2-2     padding
 *       =2-3     box-sizing
 *     =3    text styles
 *     =4    img/video styles
 *     =5    link styles
 *     =6    list styles
 *     =7    heading styles
 *     =8    table styles
 *     =9    other selectors
 *     =10   general styles
 *       =10-1    display
 *       =10-2    position
 *       =10-3    float/align
 *       =10-4    form
 *       =10-5    clearfix
 *
 * ===============================================================
*/


* {
	/*box-sizing: border-box;*/
}
/** =1
 * ========================================
 * html & body
 * ========================================
 */

html {
	height: 100%;
	font-size: 62.5%;  /* 基準10px=1em */
}

body {
	height: 100%;
	color: #151515;
	font-size: 15px;  /* CSS3未対応ブラウザ対策 */
	font-size: 1.5rem;  /* CSS3単位 実質14px */
	line-height: 1.6;
	letter-spacing: .075em;
	font-family: "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;  /* その他 font-family については、 =3 text styles セクションでクラス名で定義 */
	-webkit-tap-highlight-color: transparent;
	-webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}


.z1 {z-index: 1;}
.z2 {z-index: 2;}
.z10 {z-index: 10;}
.z100 {z-index: 100;}



/** =2
 * ========================================
 * box model styles
 * ========================================
 */

 /** =2-1
	* margin
	* ----------------------------------
	*/

	.mOut { margin: 0 auto; }

 /*//  * margin-bottom*/
 .mb-10 { margin-bottom: -10px; }
 .mb5 { margin-bottom: 5px; }
 .mb10 { margin-bottom: 10px; }
 .mb15 { margin-bottom: 15px; }
 .mb20 { margin-bottom: 20px; }
 .mb25 { margin-bottom: 25px; }
 .mb30 { margin-bottom: 30px; }
 .mb35 { margin-bottom: 35px; }
 .mb40 { margin-bottom: 40px; }
 .mb45 { margin-bottom: 45px; }
 .mb47 { margin-bottom: 47px; }
 .mb50 { margin-bottom: 50px; }
 .mb60 { margin-bottom: 60px; }
 .mb70 { margin-bottom: 70px; }
 .mb80 { margin-bottom: 80px; }
 .mb90 { margin-bottom: 90px; }
 .mb100 { margin-bottom: 100px; }
 .mb120 { margin-bottom: 120px; }
 .mb135 { margin-bottom: 135px; }
 .mb150 { margin-bottom: 150px; }
 .mb160 { margin-bottom: 160px; }
 .mb180 { margin-bottom: 180px; }
 .mb05em { margin-bottom: .5em; }
 .mb10em { margin-bottom: 1.0em; }
 .mb15em { margin-bottom: 1.5em; }
 .mb20em { margin-bottom: 2.0em; }
 /*//  * margin-top*/
 .mt-06 { margin-top: -0.6em; }
 .mt-3 { margin-top: -3px; }
 .mt-5 { margin-top: -5px; }
 .mt-10 { margin-top: -10px; }
 .mt-20 { margin-top: -20px; }
 .mt5 { margin-top: 5px; }
 .mt10 { margin-top: 10px; }
 .mt15 { margin-top: 15px; }
 .mt20 { margin-top: 20px; }
 .mt30 { margin-top: 30px; }
 .mt40 { margin-top: 40px; }
 .mt50 { margin-top: 50px; }
 .mt60 { margin-top: 60px; }
 .mt70 { margin-top: 70px; }
 .mt80 { margin-top: 80px; }
 .mt100 { margin-top: 100px; }
 .mt120 { margin-top: 120px; }
 .mt150 { margin-top: 150px; }

	/*margin-left*/
 .ml-10 { margin-left: -10px; }
 .ml0 { margin-left: 0px; }
 .ml5 { margin-left: 5px; }
 .ml10 { margin-left: 10px; }
 .ml15 { margin-left: 15px; }
 .ml20 { margin-left: 20px; }
 .ml30 { margin-left: 30px; }
 .ml35 { margin-left: 35px; }
 .ml40 { margin-left: 40px; }
 .ml50 { margin-left: 50px; }
 .ml60 { margin-left: 60px; }
 .ml70 { margin-left: 70px; }
 .ml80 { margin-left: 80px; }
 .ml90 { margin-left: 90px; }
 .ml100 { margin-left: 100px; }
 .ml120 { margin-left: 120px; }
 .ml125 { margin-left: 125px; }
 .ml145 { margin-left: 145px; }
 .ml150 { margin-left: 150px; }
 .ml1per { margin-left: 1%; }
 .ml2per { margin-left: 2%; }

	/*margin-right*/
 .mr0 { margin-right: 0px; }
 .mr5 { margin-right: 5px; }
 .mr10 { margin-right: 10px; }
 .mr15 { margin-right: 15px; }
 .mr20 { margin-right: 20px; }
 .mr30 { margin-right: 30px; }
 .mr40 { margin-right: 40px; }
 .mr50 { margin-right: 50px; }
 .mr60 { margin-right: 60px; }
 .mr70 { margin-right: 70px; }
 .mr80 { margin-right: 80px; }
 .mr100 { margin-right: 100px; }
 .mr120 { margin-right: 120px; }
 .mr145 { margin-right: 145px; }
 .mr150 { margin-right: 150px; }

 .mr1per { margin-right: 1%; }
 .mr2per { margin-right: 2%; }
 .mr4per { margin-right: 4%; }
 .mr5per { margin-right: 5%; }
 .mr6per { margin-right: 6%; }
 .mr10per { margin-right: 10%; }

 /* -- >>> styles for narrow layout ----- */
 @media screen and (max-width: 599px) {
			 /*margin-bottom*/
	.mb15 { margin-bottom: 10px; }
	.mb20 { margin-bottom: 10px; }
	.mb25 { margin-bottom: 15px; }
	.mb30 { margin-bottom: 15px; }
	.mb35 { margin-bottom: 18px; }
	.mb40 { margin-bottom: 20px; }
	.mb45 { margin-bottom: 22px; }
	.mb50 { margin-bottom: 25px; }
	.mb55 { margin-bottom: 28px; }
	.mb60 { margin-bottom: 30px; }
	.mb65 { margin-bottom: 32px; }
	.mb70 { margin-bottom: 35px; }
	.mb75 { margin-bottom: 38px; }
	.mb80 { margin-bottom: 40px; }
	.mb90 { margin-bottom: 43px; }
	.mb100 { margin-bottom: 45px; }
	.mb120 { margin-bottom: 48px; }
	.mb150 { margin-bottom: 50px; }
	.mb180 { margin-bottom: 70px; }
	/*margin-top*/
	 .mt-5 { margin-top: -5px; }
	 .mt-10 { margin-top: -10px; }
	.mt15 { margin-top: 10px; }
	.mt20 { margin-top: 10px; }
	.mt25 { margin-top: 15px; }
	.mt30 { margin-top: 15px; }
	.mt35 { margin-top: 18px; }
	.mt40 { margin-top: 20px; }
	.mt45 { margin-top: 22px; }
	.mt50 { margin-top: 25px; }
	.mt55 { margin-top: 28px; }
	.mt60 { margin-top: 30px; }
	.mt65 { margin-top: 32px; }
	.mt70 { margin-top: 35px; }
	.mt75 { margin-top: 38px; }
	.mt80 { margin-top: 40px; }
	.mt90 { margin-top: 43px; }
	.mt100 { margin-top: 45px; }
	 /*margin-left*/
	.ml15 { margin-left: 10px; }
	.ml20 { margin-left: 10px; }
	.ml25 { margin-left: 15px; }
	.ml30 { margin-left: 15px; }
	.ml35 { margin-left: 18px; }
	.ml40 { margin-left: 20px; }
	.ml45 { margin-left: 22px; }
	.ml50 { margin-left: 25px; }
	.ml55 { margin-left: 28px; }
	.ml60 { margin-left: 30px; }
	.ml65 { margin-left: 32px; }
	.ml70 { margin-left: 35px; }
	.ml75 { margin-left: 38px; }
	.ml80 { margin-left: 40px; }
	.ml90 { margin-left: 43px; }
	.ml100 { margin-left: 45px; }

	 /*margin-right*/
	.mr15 { margin-right: 10px; }
	.mr20 { margin-right: 10px; }
	.mr25 { margin-right: 15px; }
	.mr30 { margin-right: 15px; }
	.mr35 { margin-right: 18px; }
	.mr40 { margin-right: 20px; }
	.mr45 { margin-right: 22px; }
	.mr50 { margin-right: 25px; }
	.mr55 { margin-right: 28px; }
	.mr60 { margin-right: 30px; }
	.mr65 { margin-right: 32px; }
	.mr70 { margin-right: 35px; }
	.mr75 { margin-right: 38px; }
	.mr80 { margin-right: 40px; }
	.mr90 { margin-right: 43px; }
	.mr100 { margin-right: 45px; }
 }

 /** =2-2
	* padding
	* ----------------------------------
	*/

	.pt-5 { padding-top: -5px; }
	.pt5 { padding-top: 5px; }
	.pt10 { padding-top: 10px; }
	.pt15 { padding-top: 15px; }
	.pt20 { padding-top: 20px; }
	.pt25 { padding-top: 25px; }
	.pt30 { padding-top: 30px; }
	.pt40 { padding-top: 40px; }
	.pt50 { padding-top: 50px; }
	.pt60 { padding-top: 60px; }
	.pt70 { padding-top: 70px; }
	.pt80 { padding-top: 80px; }
	.pt90 { padding-top: 90px; }
	.pt100 { padding-top: 100px; }
	.pt120 { padding-top: 120px; }
	.pt150 { padding-top: 150px; }

	.pt05em { padding-top: .5em; }
	.pt10em { padding-top: 1.0em; }
	.pt15em { padding-top: 1.5em; }
	.pt20em { padding-top: 2.0em; }

	/*padding-bottom*/
	.pb5 { padding-bottom: 5px; }
	.pb10 { padding-bottom: 10px; }
	.pb15 { padding-bottom: 15px; }
	.pb20 { padding-bottom: 20px; }
	.pb25 { padding-bottom: 25px; }
	.pb30 { padding-bottom: 30px; }
	.pb40 { padding-bottom: 40px; }
	.pb50 { padding-bottom: 50px; }
	.pb60 { padding-bottom: 60px; }
	.pb70 { padding-bottom: 70px; }
	.pb80 { padding-bottom: 80px; }
	.pb90 { padding-bottom: 90px; }
	.pb100 { padding-bottom: 100px; }
	.pb120 { padding-bottom: 120px; }
	.pb150 { padding-bottom: 150px; }

	 /*padding-left*/
 .pl5 { padding-left: 5px; }
 .pl10 { padding-left: 10px; }
 .pl15 { padding-left: 15px; }
 .pl20 { padding-left: 20px; }
 .pl25 { padding-left: 25px; }
 .pl30 { padding-left: 30px; }
 .pl40 { padding-left: 40px; }
 .pl50 { padding-left: 50px; }
 .pl60 { padding-left: 60px; }
 .pl70 { padding-left: 70px; }
 .pl80 { padding-left: 80px; }
 .pl90 { padding-left: 90px; }
 .pl100 { padding-left: 100px; }
 .pl120 { padding-left: 120px; }
 .pl150 { padding-left: 150px; }

 .pl1per { padding-left: 1%; }
 .pl2per { padding-left: 2%; }
 .pl4per { padding-left: 4%; }
 .pl5per { padding-left: 5%; }
 .pl10per { padding-left: 10%; }
 /*padding-right*/
 .pr5 { padding-right: 5px; }
 .pr10 { padding-right: 10px; }
 .pr15 { padding-right: 15px; }
 .pr20 { padding-right: 20px; }
 .pr25 { padding-right: 25px; }
 .pr30 { padding-right: 30px; }
 .pr40 { padding-right: 40px; }
 .pr50 { padding-right: 50px; }
 .pr60 { padding-right: 60px; }
 .pr70 { padding-right: 70px; }
 .pr80 { padding-right: 80px; }
 .pr100 { padding-right: 100px; }
 .pr120 { padding-right: 120px; }
 .pr150 { padding-right: 150px; }

 .pr1per { padding-right: 1%; }
 .pr2per { padding-right: 2%; }
 .pr4per { padding-right: 4%; }
 .pr10per { padding-right: 10%; }
 .pr14per { padding-right: 14%; }

 .p1per { padding: 1%; }
 .p2per { padding: 2%; }
 .p4per { padding: 4%; }

 /* -- >>> styles for narrow layout ----- */
 @media screen and (max-width: 599px) {
	/*padding-top*/
	.pt15 { padding-top: 10px; }
	.pt20 { padding-top: 10px; }
	.pt25 { padding-top: 15px; }
	.pt30 { padding-top: 15px; }
	.pt35 { padding-top: 18px; }
	.pt40 { padding-top: 20px; }
	.pt45 { padding-top: 22px; }
	.pt50 { padding-top: 25px; }
	.pt55 { padding-top: 28px; }
	.pt60 { padding-top: 30px; }
	.pt65 { padding-top: 32px; }
	.pt70 { padding-top: 35px; }
	.pt75 { padding-top: 38px; }
	.pt80 { padding-top: 40px; }
	.pt90 { padding-top: 43px; }
	.pt100 { padding-top: 45px; }
	/*padding-bottom*/
	.pb15 { padding-bottom: 10px; }
	.pb20 { padding-bottom: 10px; }
	.pb25 { padding-bottom: 15px; }
	.pb30 { padding-bottom: 15px; }
	.pb35 { padding-bottom: 18px; }
	.pb40 { padding-bottom: 20px; }
	.pb45 { padding-bottom: 22px; }
	.pb50 { padding-bottom: 25px; }
	.pb55 { padding-bottom: 28px; }
	.pb60 { padding-bottom: 30px; }
	.pb65 { padding-bottom: 32px; }
	.pb70 { padding-bottom: 35px; }
	.pb75 { padding-bottom: 38px; }
	.pb80 { padding-bottom: 40px; }
	.pb90 { padding-bottom: 43px; }
	.pb100 { padding-bottom: 45px; }
	/*padding-left*/
	.pl15 { padding-left: 10px; }
	.pl20 { padding-left: 10px; }
	.pl25 { padding-left: 15px; }
	.pl30 { padding-left: 15px; }
	.pl35 { padding-left: 18px; }
	.pl40 { padding-left: 20px; }
	.pl45 { padding-left: 22px; }
	.pl50 { padding-left: 25px; }
	.pl55 { padding-left: 28px; }
	.pl60 { padding-left: 30px; }
	.pl65 { padding-left: 32px; }
	.pl70 { padding-left: 35px; }
	.pl75 { padding-left: 38px; }
	.pl80 { padding-left: 40px; }
	.pl90 { padding-left: 43px; }
	.pl100 { padding-left: 45px; }
	/*padding-right*/
	.pr15 { padding-right: 10px; }
	.pr20 { padding-right: 10px; }
	.pr25 { padding-right: 15px; }
	.pr30 { padding-right: 15px; }
	.pr35 { padding-right: 18px; }
	.pr40 { padding-right: 20px; }
	.pr45 { padding-right: 22px; }
	.pr50 { padding-right: 25px; }
	.pr55 { padding-right: 28px; }
	.pr60 { padding-right: 30px; }
	.pr65 { padding-right: 32px; }
	.pr70 { padding-right: 35px; }
	.pr75 { padding-right: 38px; }
	.pr80 { padding-right: 40px; }
	.pr90 { padding-right: 43px; }
	.plr00 { padding-right: 45px; }
 }
 /** =2-3
	* box-sizing
	* ----------------------------------
	*/

 .boderBox {
	 -webkit-box-sizing: border-box;
	 -moz-box-sizing: border-box;
	 -o-box-sizing: border-box;
	 -ms-box-sizing: border-box;
	 box-sizing: border-box;
 }



/** =3
 * ========================================
 * text styles
 * ========================================
 */

strong,
.strong,
.fwBold {
	font-weight: bold;
}
.fwNormal {
	font-weight: normal;
}

.sans-serif {
	font-family: "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
}
.serif {
	font-family: "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "游明朝", YuMincho, "HGS明朝E", serif;
}

.fcRed { color: #d95555; }
.fcGreen { color: #22a93e; }
.fcBlue { color: #145096; }
.fcWhite { color: #ffffff; }
.fcBlack { color: #000000; }
.fcGray { color: #808080; }


.fw100 {font-weight: 100;}
.fw200 {font-weight: 200;}
.fw300 {font-weight: 300;}
.fw400 {font-weight: 400;}
.fw500 {font-weight: 500;}
.fw600 {font-weight: 600;}
.fw700 {font-weight: 700;}

.fs10 { font-size: 10px; font-size: 1.0rem; }
.fs11 { font-size: 11px; font-size: 1.1rem; }
.fs12 { font-size: 12px; font-size: 1.2rem; }
.fs13 { font-size: 13px; font-size: 1.3rem; }
.fs14 { font-size: 14px; font-size: 1.4rem; }
.fs15 { font-size: 15px; font-size: 1.5rem; }
.fs16 { font-size: 16px; font-size: 1.6rem; }
.fs17 { font-size: 17px; font-size: 1.7rem; }
.fs18 { font-size: 18px; font-size: 1.8rem; }
.fs19 { font-size: 19px; font-size: 1.9rem; }
.fs20 { font-size: 20px; font-size: 2.0rem; }
.fs21 { font-size: 21px; font-size: 2.1rem; }
.fs22 { font-size: 22px; font-size: 2.2rem; }
.fs23 { font-size: 23px; font-size: 2.3rem; }
.fs24 { font-size: 24px; font-size: 2.4rem; }
.fs25 { font-size: 25px; font-size: 2.5rem; }
.fs26 { font-size: 26px; font-size: 2.6rem; }
.fs28 { font-size: 28px; font-size: 2.8rem; }
.fs30 { font-size: 30px; font-size: 3.0rem; }
.fs32 { font-size: 32px; font-size: 3.2rem; }
.fs33 { font-size: 33px; font-size: 3.3rem; }
.fs35 { font-size: 35px; font-size: 3.5rem; }
.fs36 { font-size: 36px; font-size: 3.6rem; }
.fs38 { font-size: 38px; font-size: 3.8rem; }
.fs40 { font-size: 40px; font-size: 4.0rem; }
.fs46 { font-size: 46px; font-size: 4.6rem; }
.fs60 { font-size: 60px; font-size: 6.0rem; }
					@media screen and (max-width: 599px) {
						.fs13 { font-size: 11px; font-size: 1.1rem; }
						.fs14 { font-size: 12px; font-size: 1.2rem; }
						.fs15 { font-size: 13px; font-size: 1.3rem; }
						.fs16 { font-size: 14px; font-size: 1.4rem; }
						.fs18 { font-size: 16px; font-size: 1.6rem; }
						.fs19 { font-size: 17px; font-size: 1.7rem; }
						.fs20 { font-size: 18px; font-size: 1.8rem; }
						.fs21 { font-size: 19px; font-size: 1.9rem; }
						.fs22 { font-size: 20px; font-size: 2.0rem; }
						.fs23 { font-size: 21px; font-size: 2.1rem; }
						.fs24 { font-size: 22px; font-size: 2.2rem; }
						.fs25 { font-size: 23px; font-size: 2.3rem; }
						.fs26 { font-size: 24px; font-size: 2.4rem; }
						.fs28 { font-size: 26px; font-size: 2.6rem; }
						.fs30 { font-size: 28px; font-size: 2.8rem; }
						.fs32 { font-size: 30px; font-size: 3.0rem; }
						.fs33 { font-size: 32px; font-size: 3.2rem; }
						.fs35 { font-size: 33px; font-size: 3.3rem; }
						.fs36 { font-size: 34px; font-size: 3.4rem; }
						.fs40 { font-size: 38px; font-size: 3.8rem; }
						.fs46 { font-size: 44px; font-size: 4.4rem; }
						.fs60 { font-size: 58px; font-size: 5.8rem; }
					}

.fs50per { font-size: 50%; }
.fs60per { font-size: 60%; }
.fs70per { font-size: 70%; }
.fs80per { font-size: 80%; }
.fs90per { font-size: 90%; }
.fs100per { font-size: 100%; }
.fs110per { font-size: 110%; }
.fs120per { font-size: 120%; }
.fs130per { font-size: 130%; }
.fs140per { font-size: 140%; }
.fs150per { font-size: 150%; }
.fs180per { font-size: 180%; }
.fs200per { font-size: 200%; }
.fs260per { font-size: 260%; }

.lh10 { line-height: 1.0; }
.lh12 { line-height: 1.2; }
.lh14 { line-height: 1.4; }
.lh15 { line-height: 1.5; }
.lh16 { line-height: 1.6; }
.lh17 { line-height: 1.7; }
.lh18 { line-height: 1.8; }
.lh20 { line-height: 2.0; }

.ls00 { letter-spacing: 0; }
.ls02 { letter-spacing: .02em; }
.ls05 { letter-spacing: .05em; }
.ls075 { letter-spacing: .075em; }
.ls10 { letter-spacing: .1em; }
.ls15 { letter-spacing: .15em; }
.ls20 { letter-spacing: .2em; }
.ls-05 { letter-spacing: -.05em; }
.ls-10 { letter-spacing: -.1em; }
.ls-20 { letter-spacing: -.2em; }
.ls-40 { letter-spacing: -0.4em; }

.ls-nomal { letter-spacing: normal; }

.kerningLeft-05 {
  margin-left: -.5em;
}
/*// 字下げ*/
p.indent-1 {
padding-left:1em;
text-indent:-1em;
}
/** =4
 * ========================================
 * img/video styles
 * ========================================
 */

img,
video {
	height: auto;
	max-width: 100%;
	vertical-align: bottom;
}

.imageReplace {
	/* スコットケラムメソッド */
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}



/** =5
 * ========================================
 * link styles
 * ========================================
 */

a, a:link, a:visited, a:hover, a:active {
	text-decoration: none;
	outline: none;
	color: #151515;
}
a {
	/*color: #0000FF;*/
}
a:hover {
	/*color: #FF0000;*/
}

a.transition {
	-moz-transition: all 300ms ease-in-out;
	-webkit-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}
a.alpha:hover {
	filter: alpha(opacity=40);
	-moz-opacity: 0.40;
	opacity: 0.40;
}
a.underline {
	text-decoration: underline;
}



/** =6
 * ========================================
 * list styles
 * ========================================
 */

ul li {
	list-style-type: none;
}
ol li {
	list-style-type: decimal;
}
ul.disc,
ol {
	padding-left: 1.2em;
}
ul.disc li {
	list-style-type: disc;
}



/** =7
 * ========================================
 * heading styles
 * ========================================
 */

h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
}



/** =8
 * ========================================
 * table styles
 * ========================================
 */

table {
	border-collapse: collapse;
	width: 100%;
}

th {
	font-weight: bold;
}



/** =9
 * ========================================
 * other selectors
 * ========================================
 */

hr {
	clear: both;
}
hr.dot {
	border-top: 1px #999 dotted;
}



/** =10
 * ========================================
 * general styles
 * ========================================
 */

	/** =10-1
	 * display
	 * ----------------------------------
	 */

	.displayInlineBlock {
		display: inline-block;
	}
	.displayInline {
		display: inline;
	}
	.displayBlock {
		display: block;
	}
	.displayNone {
		display: none;
	}

		/* -- >>> styles for narrow layout ----- */
		@media screen and (max-width: 599px) {
			.displayPc {
				display: none;
			}
			.displaySp {
				display: inherit;
			}
		}

		/* -- >>> styles for medium layout ----- */
		@media screen and (min-width: 600px) and (max-width: 959px) {
			.displayPc {
				display: inherit;
			}
			.displaySp {
				display: none;
			}
		}

		/* -- >>> styles for wide layout ----- */
		@media screen and (min-width: 960px) {
			.displayPc {
				display: inherit;
			}
			.displaySp {
				display: none;
			}
		}


	/** =10-2
	 * position
	 * ----------------------------------
	 */

	.posRelative {
		position: relative;
	}
	.posAbsolute {
		position: absolute;
	}
	.posFixed {
		position: fixed;
	}
	.posStatic {
		position: static;
	}


	/** =10-3
	 * float/align
	 * ----------------------------------
	 */

	.floatLeft {
		float: left;
	}
	.floatRight {
		float: right;
	}

	.clearLeft {
		clear: left;
	}
	.clearRight {
		clear: right;
	}
	.clearBoth {
		clear: both;
	}

	.txtLeft {
		text-align: left;
	}
	.txtCenter {
		text-align: center;
	}
	.txtRight {
		text-align: right;
	}

	.verticalTop {
		vertical-align: top;
	}
	.verticalMiddle {
		vertical-align: middle;
	}
	.verticalBottom {
		vertical-align: bottom;
	}


	/** =10-4
	 * form
	 * ----------------------------------
	 */

	.btn {
		cursor: pointer;
	}

	input[type="text"],
	input[type="password"],
	input[type="email"],
	input[type="tel"],
	input[type="url"],
	input[type="search"],
	input.txt,
	textarea {
		width: 100%;
		box-sizing: border-box;
	}


	/** =10-5
	 * clearfix
	 * ----------------------------------
	 */

	/* For modern browsers */
	.clearfix:before,
	.clearfix:after,
	.cf:before,
	.cf:after {
		display: table;
		content: "";
	}

	.clearfix:after,
	.cf:after {
		clear: both;
	}

	/* For IE 6/7 (trigger hasLayout) */
	.clearfix,
	.cf {
		zoom: 1;
	}

	/** =img
	 * w100per
	 * ----------------------------------
	 */
	 img.w100per {
	     width: 100%;
	 }
	 /** =12
 	 * width
 	 * ----------------------------------
 	 */
 	 .w2per {width: 2%;}
 	 .w3per {width: 3%;}
 	 .w4per {width: 4%;}
    .w10per {width: 10%;}
 	 .w14per {width: 14%;}
    .w15per {width: 15%;}
 	 .w17per {width: 17%;}
    .w18per {width: 18%;}
    .w18_4per {width: 18.4%;}
    .w20per {width: 20%;}
    .w21per {width: 21%;}
    .w22per {width: 22%;}
    .w23per {width: 23%;}
    .w23_5per {width: 23.5%;}
    .w24per {width: 24%;}
    .w25per {width: 25%;}
    .w26per {width: 26%;}
    .w27per {width: 27%;}
    .w28per {width: 28%;}
    .w29per {width: 29%;}
    .w30per {width: 30%;}
    .w31per {width: 31%;}
    .w32per {width: 32%;}
    .w33per {width: 33.333%;}
    .w34per {width: 34%;}
    .w35per {width: 35%;}
    .w36per {width: 36%;}
    .w37per {width: 37%;}
    .w38per {width: 38%;}
    .w39per {width: 39%;}
    .w40per {width: 40%;}
    .w45per {width: 45%;}
    .w48per {width: 48%;}
    .w49per {width: 49%;}
    .w50per {width: 50%;}
    .w60per {width: 60%;}
 	 .w66per {width: 66%;}
 	 .w68per {width: 68%;}
    .w70per {width: 70%;}
 	 .w75per {width: 75%;}
    .w80per {width: 80%;}
    .w85per {width: 85%;}
    .w90per {width: 90%;}
 	 .w92per {width: 92%;}