@charset "utf-8";

/* ----------------------------------
  PC　SP view divergence - utility
---------------------------------- */
.u-media-pc {
  display: block;
}
.u-media-sp {
  display: none;
}

br.u-media-pc,
br.u-media-sp {
	font-size: 0;
}

/*--------------------------------------------------------

	clearfix

--------------------------------------------------------*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
} /* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
} /* End hide from IE-mac */
/*--------------------------------------------------------

	common

--------------------------------------------------------*/
.clear {
	clear:both;
}

#container .btn, #container a {
	font-size:14px;
}
#container .btn, #container a:hover {
}

.font-M-PLUS-Rounded-1c {
        font-family: 'M PLUS Rounded 1c', sans-serif;
}

.font-hannari {
	font-family: hannari,serif;
}
.font-space {
	font-family: serif;
}

.font-mplus-1p-regular {
        font-family: mplus-1p-regular, sans-serif;
}
.font-mplus-2c-heavy {
        font-family: mplus-2c-heavy, sans-serif;
}
.font-mplus-2c-medium {
        font-family: mplus-2c-medium, sans-serif;
}

.font-AlfaSlabOne-Regular {
        font-family: AlfaSlabOne-Regular, serif;
}
.font-Rokkitt-Bold {
        font-family: Rokkitt-Bold, serif;
}
.font-NotoSansCJKjp-Regular {
        font-family: NotoSansCJKjp-Regular, sans-serif;
}
.font-NotoSansJ-bold {
        font-family: NotoSansJ-bold, sans-serif;
}

.font-serif {
	font-family: georgia,'times new roman',serif;
}

.font-large {
	font-size: 1.4em !important;
}
.font-middle {
	font-size: .8em !important;
}
.font-semi-middle {
	font-size: .7em !important;
}
.font-small {
	font-size: .6em !important;
}
.font-normal {
	font-weight: normal;
}
.font-bold {
	font-weight:bold;
}
.font-br {
    display: block;
}
.font-center {
	text-align:center;
}
.font-right {
	text-align:right;
}

.font-red {
	color: #ff0000;
}
.font-green {
	color: #00b050;
}

/**/
.m-b10 {
	margin-bottom: 10px;
}
.m-b20 {
	margin-bottom: 20px;
}
.m-b80 {
	margin-bottom: 80px;
}
.m-t-10 {
	margin:-10px 0 0 0;
}
.m-t-20 {
	margin:-20px 0 0 0;
}
.m-t10 {
	margin:10px 0 0 0;
}
.m-t20 {
	margin:20px 0 0 0;
}
.m-t30 {
	margin:30px 0 0 0;
}
.m-t35 {
	margin:35px 0 0 0;
}
.p-l10 {
	padding: 0 0 0 10px;
}
.p-l20 {
	padding: 0 0 0 20px;
}
.p-r10 {
	margin: 0 10px 0 0;
}
.p-r30 {
	margin: 0 30px 0 0 !important;
}

.ls-m003 {
	letter-spacing: -0.03em;
}
.ls-m005 {
	letter-spacing: -0.05em;
}

/*--------------------------------------------------------

	layout

--------------------------------------------------------*/
div#container {
	margin:0 auto;
	padding:0;
	width: 100%;

}

.p-t10 {
	padding-top: 10px;
}
.w_180 {
	width: 180px;
}
.w_200 {
	width: 200px;
}
.w_202 {
	width: 202px;
}
.w_250 {
	width: 250px;
}
.w_560 {
	width: 560px;
}
.w_640 {
	width: 640px;
}
.freeArea {
	margin-top: 0px;
}

.v-align-m{
	vertical-align: middle !important;
}

/********************************************
  clearfix
********************************************/
.boxIn:after,
div#crew .caption:after,
.inputBox:after,
.exampleBox:after,
.field_with_errors:after {
	content: " ";
	display: block;
	height: 0;
	visibility: hidden;
	clear: both;
}
/* IE6 */
* html .boxIn,
* html div#crew .caption,
* html .inputBox,
* html .exampleBox,
* html .field_with_errors {
	zoom: 1;
}
/* IE7 */
*:first-child+html .boxIn,
*:first-child+html div#crew .caption,
*:first-child+html .inputBox,
*:first-child+html .exampleBox,
*:first-child+html .field_with_errors {
	zoom: 1;
}

/* sns_entry */
.sns_entry div { display: inline; line-height: 1; vertical-align: middle;}
.sns_entry a { text-decoration: none; }
.sns_entry .sns_twitter iframe,
.sns_entry .facebook_like iframe { height: 21px !important; }

/*--------------------------------------------------------

	lower

--------------------------------------------------------*/
div#lower a {
	color:#000;
}
div#lower h2 {
	margin: 0 0 30px 0;
}
div#lower h3 {
	margin:30px 0 15px 0;
	color:#D7000F;
}
div#lower h4 {
	margin:15px 0 5px 0;
	font-size:80%;
}
div#lower p {
	font-size:12px;
	line-height:1.8;
}
div#lower ul.style01 {
	margin:20px 0;
	line-height:200%;
}
div#lower{
	width:920px;
	margin:0 auto;
}






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

  02. forSP Layout
  *横幅が667px以下の場合
  

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

@media screen and (min-width: 0px) and (max-width: 668px) {

/* ----------------------------------
  PC　SP view divergence - utility
---------------------------------- */
.u-media-pc {
  display: none;
}
.u-media-sp {
  display: block;
}

.font-br {
    display: inline;
}

}