@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;
	background: transparent;
	border: 0;
	outline: 0;
	box-sizing: border-box;
	font-style: normal;
}
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary {
	display: block;
	box-sizing: border-box;
}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
h1, h2, h3, h4, h5, h6 {
	font-size:100%;
	box-sizing: border-box;
}
html,body {
	width: 100%;
}
html {font-size: 62.5%;}
body {
	padding:0;
	color: #7c705d;
	font-family: 'Noto Sans Japanese',   sans-serif;
	font-weight: 400;
	word-break: break-all;
}
fieldset,
img {
	border:0;
}
img {
	font-size: 0;
	vertical-align: bottom;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
	border: none;
}
input {
	margin:0;
	padding:0;
	box-sizing: border-box;
}
a {
	text-decoration: none;
	color: #333;
}
a:hover {
	text-decoration: underline;
}
.kome{
	color: #F45451;
}

.pc-none { display: none!important; }
.sp-none { display: block!important; }

.clearfix {display:block;}
.clearfix:after {
	clear:both;
	content:"";
	display:block;
	height:0;
	line-height:0;
	visibility:hidden;
}

*:first-child+html .clearfix {
	display: inline-block;
	min-height: 1%;
}

/* Hides from IE6/IE Mac \*/
* html .clearfix {
	height: 1%;
}

.button, .link { cursor: pointer;}

/* # margin
--------------------------------------------------------- */
@media only screen and (min-width: 768px) {
.pcmt0 {margin-top: 0 !important;}
.pcmt5 {margin-top: 5px !important;}
.pcmt10 {margin-top: 10px !important;}
.pcmt15 {margin-top: 15px !important;}
.pcmt20 {margin-top: 20px !important;}
.pcmt25 {margin-top: 25px !important;}
.pcmt30 {margin-top: 30px !important;}
.pcmt35 {margin-top: 35px !important;}
.pcmt40 {margin-top: 40px !important;}
.pcmt45 {margin-top: 45px !important;}
.pcmt50 {margin-top: 50px !important;}
.pcml0 {margin-left: 0 !important;}
.pcml5 {margin-left: 5px !important;}
.pcml10 {margin-left: 10px !important;}
.pcml15 {margin-left: 15px !important;}
.pcml20 {margin-left: 20px !important;}
.pcml25 {margin-left: 25px !important;}
.pcml30 {margin-left: 30px !important;}
.pcml35 {margin-left: 35px !important;}
.pcml40 {margin-left: 40px !important;}
.pcml45 {margin-left: 45px !important;}
.pcml50 {margin-left: 50px !important;}
.pcmb0 {margin-bottom: 0 !important;}
.pcmb5 {margin-bottom: 5px !important;}
.pcmb10 {margin-bottom: 10px !important;}
.pcmb15 {margin-bottom: 15px !important;}
.pcmb20 {margin-bottom: 20px !important;}
.pcmb25 {margin-bottom: 25px !important;}
.pcmb30 {margin-bottom: 30px !important;}
.pcmb35 {margin-bottom: 35px !important;}
.pcmb40 {margin-bottom: 40px !important;}
.pcmb45 {margin-bottom: 45px !important;}
.pcmb50 {margin-bottom: 50px !important;}
.pcmb55 {margin-bottom: 55px !important;}
.pcmb60 {margin-bottom: 60px !important;}
.pcmb65 {margin-bottom: 65px !important;}
.pcmb70 {margin-bottom: 70px !important;}
.pcmb80 {margin-bottom: 80px !important;}
.pcmb90 {margin-bottom: 90px !important;}
.pcmb100 {margin-bottom: 100px !important;}
.pcmb150 {margin-bottom: 150px !important;}
.pcmr15 {margin-right: 15px !important;}
.pt0 { padding-top: 0!important; }
}

@media only screen and (max-width: 767px) {

.spmt0 {margin-top: 0 !important;}
.spmt5 {margin-top: 5px !important;}
.spmt10 {margin-top: 10px !important;}
.spmt15 {margin-top: 15px !important;}
.spmt20 {margin-top: 20px !important;}
.spmt25 {margin-top: 25px !important;}
.spmt30 {margin-top: 30px !important;}
.spmt35 {margin-top: 35px !important;}
.spmt40 {margin-top: 40px !important;}
.spmt45 {margin-top: 45px !important;}
.spmt50 {margin-top: 50px !important;}
.spml0 {margin-left: 0 !important;}
.spml5 {margin-left: 5px !important;}
.spml10 {margin-left: 10px !important;}
.spml15 {margin-left: 15px !important;}
.spml20 {margin-left: 20px !important;}
.spml25 {margin-left: 25px !important;}
.spml30 {margin-left: 30px !important;}
.spml35 {margin-left: 35px !important;}
.spml40 {margin-left: 40px !important;}
.spml45 {margin-left: 45px !important;}
.spml50 {margin-left: 50px !important;}
.spmb0 {margin-bottom: 0 !important;}
.spmb5 {margin-bottom: 5px !important;}
.spmb10 {margin-bottom: 10px !important;}
.spmb15 {margin-bottom: 15px !important;}
.spmb20 {margin-bottom: 20px !important;}
.spmb25 {margin-bottom: 25px !important;}
.spmb30 {margin-bottom: 30px !important;}
.spmb35 {margin-bottom: 35px !important;}
.spmb40 {margin-bottom: 40px !important;}
.spmb45 {margin-bottom: 45px !important;}
.spmb50 {margin-bottom: 50px !important;}
.spmb55 {margin-bottom: 55px !important;}
.spmb60 {margin-bottom: 60px !important;}
.spmb65 {margin-bottom: 65px !important;}
.spmb70 {margin-bottom: 70px !important;}
.spmb80 {margin-bottom: 80px !important;}
.spmb90 {margin-bottom: 90px !important;}
.spmb100 {margin-bottom: 100px !important;}
}

/* # font-color
---------------------------------------------------------------------------- */
.c-red {　color: red;}


/* # font-bold
---------------------------------------------------------------------------- */
.fb {
	font-weight: 700;
}

/* # text-center
---------------------------------------------------------------------------- */
.txt-c {
	text-align: center!important;
}

.txt-r,.right {
	text-align: right;
}

.txt-l,.left {
	text-align: left;
}



/* # float
---------------------------------------------------------------------------- */
.fl,.pcfl,.spfl { float: left;}
.fr,.pcfr,.spfr { float: right;}

/* # clearfix
---------------------------------------------------------------------------- */
.clear{
	clear: both;
}
.cf:after {
	clear:both;
	content:"";
	display:block;
	height:0;
	line-height:0;
	visibility:hidden;
}

*:first-child+html .cf {
	display: inline-block;
	min-height: 1%;
}

/* Hides from IE6/IE Mac \*/
* html .cf {height: 1%;}

.cf {display: block;}
/* End hide from IE6/IE Mac */