@import"//fonts.googleapis.com/earlyaccess/notosansjp.css";
@charset "UTF-8";
/*============================================================
	font-face
============================================================*/
@font-face {
	font-family: "FontAwesome";
	src: url('../webfonts/fontawesome-webfont.eot');
	src: url('../webfonts/fontawesome-webfont.eot?#iefix') format('eot'), url('../webfonts/fontawesome-webfont.woff') format('woff'), url('../webfonts/fontawesome-webfont.ttf') format('truetype'), url('../webfonts/fontawesome-webfont.svg') format('svg');
}
@font-face {
    font-family: "JLREmeric";
    src:url('../webfonts/JLREmericWeb-Regular.eot');
    src:url('../webfonts/JLREmericWeb-Regular.eot?#iefix') format('eot'),
        url('../webfonts/JLREmericWeb-Regular.woff') format('woff'),
        url('../webfonts/JLREmericWeb-Regular.svg') format('svg');
}


/*============================================================
	selector
============================================================*/
article, aside, dialog, figure, footer, header, hgroup, nav, section { display:block; }
table {
	margin:0;
	padding:0;
	border-collapse: collapse;
	border-spacing: 0;
}
fieldset,img { border: 0; }
ul { margin:0;padding:0;list-style: none;}
ol { padding: 0 0 1em 2em; }
input,textarea,select {
	font-family:inherit;
	font-size:inherit;
	font-weight:inherit;
	vertical-align: middle;
}
label { cursor: pointer; }
img {
	border:none;
	vertical-align:bottom;
	display:block;
	height: auto;
    max-width: 100%;
	width: auto\9;
	margin: 0;
}
img a { outline:none; }
address {font-style:normal;}
::selection { color:#333333;background: #bbbbbb; }
::-moz-selection { color:#333333;background: #bbbbbb; }
h1, h2, h3, h4, h5, h6 {

}
sup{
    font-size: 10px; font-size: 1.0rem;
}
/*============================================================
	a
============================================================*/
a { color: #252525; text-decoration: none; transition: all 0.3s ease-in-out 0s;}
a:visited { color:#454545; }
a:hover { color: #cccccc; text-decoration: none; }
a:active { text-decoration: none; }
a:hover {
	-webkit-transition-duration: 0.24s;
	transition-duration: 0.24s;
}
p a,
dd a {text-decoration: underline;}
/*============================================================
	input
============================================================*/
input {
	box-sizing: border-box;
	border: medium none;
	outline: medium none;
	padding: 4px 5px;
	background: liner-gradient(to bottom, #ededed 0%, #f8f8f8 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
	border-top: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	border-bottom: 1px solid #e6e6e6;
	box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1) inset;
	-webkit-transition-duration: 0.24s;
	transition-duration: 0.24s;
}
input[type="submit"]{
	padding-right: 10px;
	padding-left: 10px;
}
input[type="submit"]:hover {
	box-shadow: 0 1px 8px rgba(0, 0, 0, 0.8) inset;
	background: #0a4ebf;
	color:#FFFFFF;
	border: 1px solid #EEE;
	border-bottom: 1px solid #FFFFFF;
}
textarea {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	background: liner-gradient(to bottom, #ededed 0%, #f8f8f8 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
	border-top: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	border-bottom: 1px solid #e6e6e6;
	box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1) inset;
	-webkit-transition-duration: 0.24s;
	transition-duration: 0.24s;
	min-height: 62px;
	outline: medium none;
	padding: 5px 6px;
	resize: vertical;
	width: 100%;
}
select {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background: liner-gradient(to bottom, #ededed 0%, #f8f8f8 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
	border-top: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	border-bottom: 1px solid #e6e6e6;
	box-shadow: 0 1px 8px rgba(0, 0, 0, 0.2) inset;
	-webkit-transition-duration: 0.24s;
	transition-duration: 0.24s;
	cursor: default;
	font-weight: normal;
	margin: 0;
	max-width: 100%;
	outline: medium none;
	overflow: hidden;
	padding: 4px 5px;
	position: relative;
	text-decoration: none;
	vertical-align: middle;
}
input:focus,
textarea:focus,
select:focus {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-shadow: 0 1px 8px rgba(0, 0, 0, 0.4);
}
/*============================================================
	class
============================================================*/
.FL { float: left; margin: 0 2% 0 0; }
.FR { float:right; margin: 0 0 0 2%; }
.alignR { text-align:right; }
.alignC, .alignC-pc { text-align:center; }
.alignL { text-align:left; }
.alignM { vertical-align:middle; }
.alignB { vertical-align:bottom; }
.alignBL { vertical-align:baseline; }
.note { padding-left: 1em; text-indent: -1em; }
.none { display: none; }
.noclear{ clear: none; }
.noborder{ border: none; }
.imgborder{ border: 1px solid #d5d5d5; box-sizing: border-box; }
.line {
	border-bottom: 1px solid #d5d5d5;
	box-shadow: 0px 1px 0px #ffffff;
}
.lineTop {
	border-top: 2px solid #d5d5d5;
	padding-top: 40px;
}
.lineBtm {
	border-bottom: 2px solid #d5d5d5;
	padding-bottom: 50px;
}
.central{margin:auto;}
.linehight11 { line-height: 1.1; }
.linehight12 { line-height: 1.2; }
.linehight13 { line-height: 1.3; }
.linehight14 { line-height: 1.4; }

.red {color: #cc0000;}
.blue {color: #1e73be;}
.green {color: #81d742;}
.yellow {color: #E3AC1B;}
.orange {color: #FF5500;}
.brown {color: #9D866C;}
.white {color: #fafafa;}
.black {color: #000000;}
.gray {color: #808080;}
.idg {color: #7F878F;}
.newMark {
	font-family: "PNewsGothic";
	font-size: 9px;font-size: 0.9rem;
	color: #ffffff;
	margin-right: 3px;
	padding: 2px 6px 1px;
	background: #cc0000;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
}
.more{
	width: auto;
	font-size: 10px;font-size: 1.0rem;
	color: #ffffff;
	text-shadow: 0 1px 1px #113252;
	text-align: center;
	display: block;
	margin: 0;
	padding: 5px 0px;
	line-height: 1.0;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
	background: -moz-linear-gradient(top,#006699 0%,#003366);
	background: -webkit-gradient(linear, left top, left bottom, from(#006699), to(#003366));
	border: 1px solid #003366;
}
.more:before{
	font-size: 9px;font-size: 0.9rem;
	font-family: "FontAwesome";
	content: "\f054" ;
	margin: 0 5px 0 0;
}
.more:hover{
	box-shadow: 0 1px 10px rgba(0, 0, 0, 0.8) inset;
	background: #003366;
	color:#FFFFFF;
}

.txt30 { font-size: 30px;font-size: 3.0rem; }
.txt28 { font-size: 28px;font-size: 2.8rem; }
.txt26 { font-size: 26px;font-size: 2.6rem; }
.txt24 { font-size: 24px;font-size: 2.4rem; }
.txt23 { font-size: 23px;font-size: 2.3rem; }
.txt22 { font-size: 22px;font-size: 2.2rem; }
.txt21 { font-size: 21px;font-size: 2.1rem; }
.txt20 { font-size: 20px;font-size: 2.0rem; }
.txt19 { font-size: 19px;font-size: 1.9rem; }
.txt18 { font-size: 18px;font-size: 1.8rem; }
.txt17 { font-size: 17px;font-size: 1.7rem; }
.txt16 { font-size: 16px;font-size: 1.6rem; }
.txt15 { font-size: 15px;font-size: 1.5rem; }
.txt14 { font-size: 14px;font-size: 1.4rem; }
.txt13 { font-size: 13px;font-size: 1.3rem; }
.txt12 { font-size: 12px;font-size: 1.2rem; }
.txt11 { font-size: 11px;font-size: 1.1rem; }
.txt10 { font-size: 10px;font-size: 1.0rem; }
.txt9 { font-size: 9px;font-size: 0.9rem; }
.txt8 { font-size: 8px;font-size: 0.8rem; }
.txt7 { font-size: 7px;font-size: 0.7rem; }
.m-t0{margin-top:0px;}
.m-t5{margin-top:5px;}
.m-t10{margin-top:10px;}
.m-t15{margin-top:15px;}
.m-t20{margin-top:20px;}
.m-t30{margin-top:30px;}
.m-t40{margin-top:40px;}
.m-t50{margin-top:50px;}
.m-t60{margin-top:60px;}
.m-t80{margin-top:80px;}
.m-t100{margin-top:100px;}
.m-b0{margin-bottom:0px;}
.m-b5{margin-bottom:05px;}
.m-b10{margin-bottom:10px;}
.m-b15{margin-bottom:15px;}
.m-b20{margin-bottom:20px;}
.m-b25{margin-bottom:25px;}
.m-b30{margin-bottom:30px;}
.m-b40{margin-bottom:40px;}
.m-b50{margin-bottom:50px;}
.m-b80{margin-bottom:80px;}
.m-b100{margin-bottom:100px;}
.m-l0{margin-left:0px;}
.m-l5{margin-left:5px;}
.m-l10{margin-left:10px;}
.m-l15{margin-left:15px;}
.m-l20{margin-left:20px;}
.m-l30{margin-left:30px;}
.m-l40{margin-left:40px;}
.m-l50{margin-left:50px;}
.m-r0{margin-right:0px;}
.m-r5{margin-right:5px;}
.m-r10{margin-right:10px;}
.m-r15{margin-right:15px;}
.m-r20{margin-right:20px;}
.m-r30{margin-right:30px;}
.m-r40{margin-right:40px;}
.m-r50{margin-right:50px;}

/* アイコン
------------------------------------------*/
.ico:before { font-family: "FontAwesome"; margin: 0 5px 0 0; }
.arrow:before {content: "\f105";}
.cusolR:before {content: "\f0da";}
.tel:before {content: "\f095";}
.serchIco:before {content: "\f002";}
.serch2Ico:before {content: "\f010";}
.sortIco:before {content: "\f07d";}
.sort2Ico:before {content: "\f0dc";}
.listIco:before {content: "\f00b";}
.list2Ico:before {content: "\f022";}
.mail:before {content: "\f003";}
.fb:before {content: "\f082";}
.linkBlank:before {content: "\f08e";}
.infoIco:before {content: "\f129";}
.gear:before {content: "\f013";}
.gear2:before {content: "\f085";}
.carIco:before {content: "\f1b9";}
.wrench:before {content: "\f0ad";}
.comment:before {content: "\f075";}
.yen:before {content: "\f157";}
.mapIco:before {content: "\f041";}
.pdfIco:before {content: "\f1c1";}
.linkIco:before {content: "\f0c1";}
.meter:before {content: "\f0e4";}
.angleup:before { content: "\f106"; }


/*============================================================
	clearfix
============================================================*/
header#header:before, header#header:after,
footer#footer:before, footer#footer:after,
#footerContent:before, #footerContent:after,
#content:before, #content:after,
#pan:before, #pan:after,
.innerBox:before, .innerBox:after,
.clearfix:before, .clearfix:after {content:""; display:table;}
header#header:after,
footer#footer:after,
#footerContent:after,
#content:after,
#pan:after,
.innerBox:after,
.clearfix:after {clear:both;}
header#header,
footer#footer,
#footerContent,
#content,
#pan,
.innerBox,
.clearfix {zoom:1;} /* For IE 6/7 */

.clear {clear: both;}

@media screen and ( max-width : 768px ) {
	.FL, .FR { float: none; margin: 0; }
	img.w100 { width: 100%; }
    .alignC-pc { text-align:left; }
}


/* グリッドカラム
------------------------------------------*/
.col{
    width: 100%;
    padding: 20px;
    box-sizing: border-box;
}
.col-p-off{
    padding-left: 0;
    padding-right: 0;
}
.col-last-left{ padding-right: 40px; }
.col-last-right{ padding-left: 40px; }

.clm66{ width: 66.66666%; width: -webkit-calc(100% / 3 * 2); width: calc(100% / 3 * 2); }
.clm50{ width: 50%; }
.clm33{ width: 33.33333%; width: -webkit-calc(100% / 3); width: calc(100% / 3); }
.clm25{ width: 25%; }
.clm20{ width: 20%; }
.clm10{ width: 10%; }

@media screen and ( max-width : 959px ) {
    .col.clm50,
    .col.clm33,
    .col.clm25,
    .col.clm20,
    .col.clm10 {
        padding-bottom: 20px;
    }
    .clm66,
    .clm33,
    .clm25,
    .clm20{ width: 50%; }
}
@media screen and ( max-width : 599px ) {
    .col{
        padding-top: 0;
        padding-left: 0;
        padding-right: 0;
    }
    .clm66,
    .clm50,
    .clm33,
    .clm20{ width: 100%; }
}


/*FirefoxのVideoDownloadHelperバグ用*/
div.vdh-mask { display: none; }