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

@charset "UTF-8";
/* ********** reset ********** */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
	font-size:13px;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
 
/* remember to define focus styles! */
:focus {
	outline: 0;
}
 
/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
 
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* ********** END reset **********  */

/* ********** common settings **********  */

/* ***
 * float clear
	* ***/

.clearfix {
	zoom:1;/*for IE 5.5-7*/
}
.clearfix:after {
	content: " ";
	display: block;
	visibility: hidden;
	height: 0.1px;
	clear: both;
	font-size: 0.1em;
	line-height: 0;
}
* html .clearfix {
	display: inline-block;
}
/* no ie mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* */

.clr {
    content: " ";
	clear: both;
	overflow: hidden;
	width: 1px;
	height: 1px;
	margin: 0 -1px -1px 0;
	border: 0;
	padding: 0;
	font-size: 0;
	line-height: 0;
}

/* IE */
img {vertical-align: bottom;}

/* mobile */
body {
	-webkit-text-size-adjust: 100%;
}

/* ***
 * font size
* ************************************************************************************************************* */
strong {font-weight:bold;}
.strong {font-weight:bold;}

.f10 {font-size: 77% !important; /**font-size: 71%; for ie6,7 */} /*renders 10px*/
.f11 {font-size: 85% !important;} /*renders 11px*/
.f12 {font-size: 93% !important;} /*renders 12px*/
.f13 {font-size: 100% !important;} /*renders 13px*/
.f14 {font-size: 108% !important;} /*renders 14px*/
.f15 {font-size: 116% !important;} /*renders 15px*/
.f16 {font-size: 123.1% !important;} /*renders 16px*/
.f17 {font-size: 131% !important;} /*renders 17px*/
.f18 {font-size: 138.5% !important;} /*renders 18px*/
.f19 {font-size: 146.5% !important;} /*renders 19px*/
.f20 {font-size: 153.9% !important;} /*renders 20px*/
.f21 {font-size: 161.6% !important;} /*renders 21px*/
.f22 {font-size: 167% !important;} /*renders 22px*/
.f23 {font-size: 174% !important;} /*renders 23px*/
.f24 {font-size: 182% !important;} /*renders 24px*/
.f25 {font-size: 189% !important;} /*renders 25px*/
.f26 {font-size: 197% !important;} /*renders 26px*/

/* ***
 * font color
* ************************************************************************************************************* */
.red {
	color:#f00;
}

.dblue {
	color:#151A59;
}

/* ***
	* float
* ************************************************************************************************************* */
	
.left {
	display: inline;
	float: left;
}

.right {
	display: inline;
	float: right;
}

/* ***
	* text align
* ************************************************************************************************************* */

.t-left { text-align: left;}
.t-center { text-align: center;}
.t-right { text-align: right;}

/* ***
	* space
* ************************************************************************************************************* */
.mt-0   {margin-top: 0 !important;}
.mt-5   {margin-top: 5px !important;}
.mt-10  {margin-top:10px !important;}
.mt-15  {margin-top:15px !important;}
.mt-20  {margin-top:20px !important;}
.mt-25  {margin-top:25px !important;}
.mt-30  {margin-top:30px !important;}
.mt-35  {margin-top:35px !important;}
.mt-40  {margin-top:40px !important;}
.mt-45  {margin-top:45px !important;}
.mt-50  {margin-top:50px !important;}
.mt-55  {margin-top:55px !important;}
.mt-60  {margin-top:60px !important;}
.mt-65  {margin-top:65px !important;}
.mt-70  {margin-top:70px !important;}
.mt-75  {margin-top:75px !important;}
.mt-80  {margin-top:80px !important;}
.mt-85  {margin-top:85px !important;}
.mt-90  {margin-top:90px !important;}
.mt-95  {margin-top:95px !important;}
.mt-100 {margin-top:100px !important;}

.mb-0   {margin-bottom: 0 !important;}
.mb-5   {margin-bottom: 5px !important;}
.mb-10  {margin-bottom:10px !important;}
.mb-15  {margin-bottom:15px !important;}
.mb-20  {margin-bottom:20px !important;}
.mb-25  {margin-bottom:25px !important;}
.mb-30  {margin-bottom:30px !important;}
.mb-35  {margin-bottom:35px !important;}
.mb-40  {margin-bottom:40px !important;}
.mb-45  {margin-bottom:45px !important;}
.mb-50  {margin-bottom:50px !important;}
.mb-55  {margin-bottom:55px !important;}
.mb-60  {margin-bottom:60px !important;}
.mb-65  {margin-bottom:65px !important;}
.mb-70  {margin-bottom:70px !important;}
.mb-75  {margin-bottom:75px !important;}
.mb-80  {margin-bottom:80px !important;}
.mb-85  {margin-bottom:85px !important;}
.mb-90  {margin-bottom:90px !important;}
.mb-95  {margin-bottom:95px !important;}
.mb-100 {margin-bottom:100px !important;}

.pt-0   {padding-top: 0 !important;}
.pt-5   {padding-top: 5px !important;}
.pt-10  {padding-top:10px !important;}
.pt-15  {padding-top:15px !important;}
.pt-20  {padding-top:20px !important;}
.pt-25  {padding-top:25px !important;}
.pt-30  {padding-top:30px !important;}
.pt-35  {padding-top:35px !important;}
.pt-40  {padding-top:40px !important;}
.pt-45  {padding-top:45px !important;}
.pt-50  {padding-top:50px !important;}
.pt-55  {padding-top:55px !important;}
.pt-60  {padding-top:60px !important;}
.pt-65  {padding-top:65px !important;}
.pt-70  {padding-top:70px !important;}
.pt-75  {padding-top:75px !important;}
.pt-80  {padding-top:80px !important;}
.pt-85  {padding-top:85px !important;}
.pt-90  {padding-top:90px !important;}
.pt-95  {padding-top:95px !important;}
.pt-100 {padding-top:100px !important;}

.pb-0   {padding-bottom: 0 !important;}
.pb-5   {padding-bottom: 5px !important;}
.pb-10  {padding-bottom:10px !important;}
.pb-15  {padding-bottom:15px !important;}
.pb-20  {padding-bottom:20px !important;}
.pb-25  {padding-bottom:25px !important;}
.pb-30  {padding-bottom:30px !important;}
.pb-35  {padding-bottom:35px !important;}
.pb-40  {padding-bottom:40px !important;}
.pb-45  {padding-bottom:45px !important;}
.pb-50  {padding-bottom:50px !important;}
.pb-55  {padding-bottom:55px !important;}
.pb-60  {padding-bottom:60px !important;}
.pb-65  {padding-bottom:65px !important;}
.pb-70  {padding-bottom:70px !important;}
.pb-75  {padding-bottom:75px !important;}
.pb-80  {padding-bottom:80px !important;}
.pb-85  {padding-bottom:85px !important;}
.pb-90  {padding-bottom:90px !important;}
.pb-95  {padding-bottom:95px !important;}
.pb-100 {padding-bottom:100px !important;}

/*   color   */
.sp_red{
	color:#E60012
}

/* ***
	* letter-spacing
* ************************************************************************************************************* */
ls_s {
	letter-spacing: -1px;
}

ls_ss {
	letter-spacing: -2px;
}


.wfs_none {-webkit-font-smoothing: none;}
.wfs_sa {-webkit-font-smoothing: subpixel-antialiased;}
.wfs_a {-webkit-font-smoothing: antialiased;}

/* ***
	* anchor
* ************************************************************************************************************* */
.btn a:hover {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	opacity: 0.8;
}

/* よく使うCSS start

img {
	max-width:100%;
}

table {
	width:100%;
}

a,a:hover {
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
}

a img:hover {
	filter: alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;
}

よく使うCSS end -----
時々使うCSS3 start ---

テキストシャドウ {
	text-shadow: 1px 1px 3px #000;
}

テキストシャドウ {
	text-shadow: 1px 1px 3px #000;
}

ボックスシャドウ {
	-moz-box-shadow: 1px 1px 3px #000;
	-webkit-box-shadow: 1px 1px 3px #000;
	box-shadow: 1px 1px 3px #000;
}

ボックスシャドウ内側 {
	-moz-box-shadow: inset 1px 1px 3px #000;
	-webkit-box-shadow: inset 1px 1px 3px #000;
	box-shadow: inset 1px 1px 3px #000;
}

角丸 {
	border-radius: 8px; 
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px; 
}

トランジション {
	-webkit-transition: 1.5s;
	-moz-transition: 1.5s;
	-o-transition: 1.5s;
	transition: 1.5s;
}

透明 {
	filter: alpha(opacity=25);
	-moz-opacity:0.25;
	opacity:0.25;
}

背景のみ透明 {
	background-color:rgba(255,255,255,0.2);
}

グラデーション {
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#000000');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#000000')";
	background-image: -moz-linear-gradient(top, #ffffff, #000000);
	background-image: -ms-linear-gradient(top, #ffffff, #000000);
	background-image: -o-linear-gradient(top, #ffffff, #000000);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#000000));
	background-image: -webkit-linear-gradient(top, #ffffff, #000000);
	background-image: linear-gradient(top, #ffffff, #000000);
}

スマホ対応
@media screen and (max-width: 480px){
	
}
@media screen and (max-width: 320px){
	
}

時々使うCSS3 end */