@charset "utf-8";
/* CSS Document */
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, 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,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
img{
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: bottom;
	max-width: 100%;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section,main{
	display: block;
}
body {
	line-height: 1;
/*	font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;*/
    
    font-family: "Helvetica Neue", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
}
ol, ul,li {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

a,
a:hover,
a:visited{
	text-decoration:none;
	color: #333;
}


/* -------------------------------------------
	box-sizing
---------------------------------------------- */
*{-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;

}
/* -------------------------------------------
	CLEAR-FIX
---------------------------------------------- */
.clearfix:after {
content: " ";
display: block;
visibility: hidden;
clear: both;
height: 0.1px;
font-size: 0.1em;
line-height: 0;
　overflow: hidden;
}
.clearfix {
	 display:inline-block;
}
/* Hides from IE-mac \*/
* html.clearfix {
 height:1%;
}
.clearfix {
 display:block;
}

/* -------------------------------------------
汎用
---------------------------------------------- */
.h-fwb{font-weight:bold;}
.h_fstb{font-size:160%;}
.h_fst{font-size:140%;}
.h_fsb{font-size:120%;}
.h-fsm{
	font-size:100%;
	line-height: 1.7em;
}
.h-fsmm{font-size:70%;}
.h-fscm{font-size:60%;}

.h-db{display:block;}
.c_vai{	color:#89293a;	}
.c_yellow{	color:#fff668;	}
.c_pink{	color:#fc5b75;	}
.c_iceblue{	color:#4f9ad8;	}
.c_orang{color:#ed9219;}
.c_green{color:#18765a;}
.c_dred{color:#780909;}
/* cursor
-------------------*/
.h-cp{cursor:pointer;}

.h-dib{ display:inline-block;}

/* align
------------------- */
.h-tac{text-align:center}
.h-tal{text-align:left}
.h-tar{text-align:right}

/* margin
---------------------*/
.h-mt5{margin-top:5px;}

/* padding
---------------------*/
.h-p5{padding:5px;}
.h-p10{padding:10px;}
.h-p20{padding:20px;}
.h-p30{padding:30px;}

.h-pt20l10{padding:20px 10px;}
.h-pt5l15{padding:5px 15px;}
.h-pt10l20{padding:10px 20px;}
.h-pt20l10b5{padding:20px 10px 5px;}

.h-ptb3{padding:3px 0;}
.h-ptb5{padding:5px 0;}
.h-ptb8{padding:8px 0;}
.h-ptb10{padding:10px 0;}
.h-ptb15{padding:15px 0;}
.h-ptb20{padding:20px 0;}
.h-ptb30{padding:30px 0;}
.h-ptb50{padding:50px 0;}
.h-ptb60{padding:60px 0;}

.h-plr5{padding:0 5px;}
.h-plr10{padding:0 10px;}
.h-plr15{padding:0 15px;}
.h-plr20{padding:0 20px;}
.h-plr25{padding:0 25px;}
.h-plr30{padding:0 30px;}

.h-pl5{padding-left:5px;}
.h-pl10{padding-left:10px;}
.h-pl20{padding-left:20px;}

.h-pr2{padding-right:2px;}
.h-pr5{padding-right:5px;}
.h-pr10{padding-right:10px;}

.h-pt10{padding-top:10px;}
.h-pt20{padding-top:20px;}
.h-pt30{padding-top:30px;}
.h-pb5{padding-bottom:5px;}
.h-pb8{padding-bottom:8px;}
.h-pb10{padding-bottom:10px;}
.h-pb20{padding-bottom:20px;}
.h-pb30{padding-bottom:30px;}
@media screen and (max-width:480px){
.sp_none_480{
	display:none;
	}
}
