@charset "utf-8";
@font-face{ 
    font-family: 'WebIconFonts';
    src: url('webiconfonts.eot');
    src: url('webiconfonts.eot') format('eot'),
         url('WebIconFonts.woff') format('woff'),
         url('WebIconFonts.ttf') format('truetype');
}


/* SP以上 */
@media screen and (min-width : 320px){
}
/* SP横以上 */
@media screen and (min-width : 480px){
}
/* Tablet以上 */
@media screen and (min-width : 768px){
}
/* PC以上 */
@media screen and (min-width : 1024px){
}


/* SP以上 */
.spfoot{	display: none;	}
.pcfoot{	display: block;	}
@media screen and (max-width : 640px){
.spfoot{	display: block;	}
.pcfoot{	display: none;	}
}


/*------------------
cmn 
--------------------*/
html, body
{
	padding: 0;
	margin: 0;
}
html
{
	height: 100%;
}

body{
	overflow-y: hidden;/**/
	background:#213135;
	color: #fff;
	font-family:sans-serif;
	font-size: 13px;
	height: 100%;
	min-height: 100%;
	position: relative;
	-webkit-text-size-adjust: none;
	}

img{
	border:0;
	vertical-align: bottom;
	}

ul, li, p{
	margin:0;
	padding:0;
	}
ul, li{
	list-style-type:none;
	}

a{color: #213135;text-decoration: none;}
a:link {color: #213135;text-decoration: none;}
a:visited {color: #213135;text-decoration: none;}
a:hover {color: #000;text-decoration: none;}

* {
	margin:0;
	padding:0;
	border:none;
	outline:none;
	}

/*-----------------
sidenavi
--------------------*/

nav:not(.mm-menu){
	display: none;
	}


/* SP以上 */
@media screen and (min-width : 320px){
.header{
	background: #transparent;
	line-height: 40px;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	
	width: 40px !important;
	height: 40px;
	padding: 0 0;

	z-index:2;
	display: none;
	}
.header a{
	background: center center no-repeat transparent;
	background-image: url(../images/cmn/sidebtn.gif);
	display: block;
	width: 40px;
	height: 40px;
	position: absolute;
	top: 0;
	left: 0;
	}
}
/* SP横以上 */
@media screen and (min-width : 480px){
.header{
	background: #transparent;
	line-height: 50px;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	
	width: 50px !important;
	height: 50px;
	padding: 0 0;

	z-index:2;
	display: none;
	}
.header a{
	background: center center no-repeat transparent;
	background-image: url(../images/cmn/sidebtn.gif);
	display: block;
	width: 50px;
	height: 50px;
	position: absolute;
	top: 0;
	left: 0;
	}
}
/* Tablet以上 */
@media screen and (min-width : 768px){
}
/* PC以上 */
@media screen and (min-width : 1024px){
.header{
	background: #transparent;
	line-height: 100px;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	
	width: 100px !important;
	height: 100px;
	padding: 0 0;

	z-index:2;
	display: none;
	}
.header a{
	background: center center no-repeat transparent;
	background-image: url(../images/cmn/sidebtn.gif);
	display: block;
	width: 100px;
	height: 100px;
	position: absolute;
	top: 0;
	left: 0;
	}
}



/*------------------
clearfix 
--------------------*/

.clearfloat{
	clear:both;
	height:1px;
	overflow:hidden;
	}

.clearfix {
	display: inline-table;
	}
* html .clearfix {
	height: 1%;
	}
.clearfix {
	display: block;
	}
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

/*------------------
basewrapper 
--------------------*/

#basewrapper{
	width:100%;
	margin:0 auto;
	overflow: hidden;
	}

/*------------------
main 
--------------------*/
			
#main {
	z-index: 1;
	width:100%;
	position: relative;
	}

/*------------------
container 
--------------------*/

/* SP以上 */
@media screen and (min-width : 320px){
#container{
	position:relative;
	width:100%;
	float: none;	
	margin: 0 0 0 0;
	}

#containerinner{
	margin: 0 0 0 0;
	background:#fff;
	}
}
/* SP横以上 */
@media screen and (min-width : 480px){
#container{
	position:relative;
	width:100%;
	float: right;	
	margin: 0 0 0 -50px;
	}

#containerinner{
	margin: 0 0 0 50px;
	background:#fff;
	}
}
/* Tablet以上 */
@media screen and (min-width : 768px){
}
/* PC以上 */
@media screen and (min-width : 1024px){
#container{
	position:relative;
	width:100%;
	float: right;	
	margin: 0 0 0 -100px;
	}

#containerinner{
	margin: 0 0 0 100px;
	background:#fff;
	}
}

/*------------------
scrolltop 
--------------------*/

/* SP以上 */
@media screen and (min-width : 320px){
#scrolltop {
	width:50px;
	position:fixed;
	bottom:0;
	left:0;
	z-index:10000;
	display: none;
	visibility:hidden;
	}
#scrolltop img{
	width:100%;
	}
}
/* SP横以上 */
@media screen and (min-width : 480px){
#scrolltop {
	width:50px;
	position:fixed;
	bottom:0;
	left:0;
	z-index:10000;
	display: none;
	visibility: visible;
	}
#scrolltop img{
	width:100%;
	}
}
/* Tablet以上 */
@media screen and (min-width : 768px){
}
/* PC以上 */
@media screen and (min-width : 1024px){
#scrolltop {
	width:100px;
	position:fixed;
	bottom:0;
	left:0;
	z-index:10000;
	display: none;
	visibility: visible;
	}
#scrolltop img{
	width:100%;
	}
}

/*------------------
links 
--------------------*/

/* SP以上 */
@media screen and (min-width : 320px){
#links{
	clear: both;
	display:block;
	width:100%;
	padding:50px 0 !important;
	text-align: center;
	color:#aaa;
	}
}
/* SP横以上 */
@media screen and (min-width : 480px){
}
/* Tablet以上 */
@media screen and (min-width : 768px){
}
/* PC以上 */
@media screen and (min-width : 1024px){
#links{
	clear: both;
	display:block;
	width:100%;
	padding:100px 0;
	text-align: center;
	color:#aaa;
	}
}

/* SP以上 */
@media screen and (min-width : 320px){
#links p{
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	font-size:12px;
	letter-spacing:0.1em;
	padding:0;
	}
}
/* SP横以上 */
@media screen and (min-width : 480px){
}
/* Tablet以上 */
@media screen and (min-width : 768px){
}
/* PC以上 */
@media screen and (min-width : 1024px){
#links p{
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	font-size:16px;
	letter-spacing:0.1em;
	padding:0;
	}
}


/* SP以上 */
@media screen and (min-width : 320px){
#links #sns{
	margin:20px 0 50px;
	line-height:30px;
	}
#links #sns .line{
	display: inline;
	}

#links #sns a{
	margin:0 4px;
	}

#links #sns a img{
	width:25px;
	height:25px;
	}
}
/* SP横以上 */
@media screen and (min-width : 480px){
#links #sns .line{
	display: none;
	}
}
/* Tablet以上 */
@media screen and (min-width : 768px){
}
/* PC以上 */
@media screen and (min-width : 1024px){
#links #sns{
	margin:50px 0;
	line-height:30px;
	}

#links #sns a{
	margin:0 10px;
	}

#links #sns a img{
	width:30px;
	height:30px;
	}
}

/* SP以上 */
@media screen and (min-width : 320px){
#links .oldlogo{
	width:140px;
	height:auto;
	}
}
/* SP横以上 */
@media screen and (min-width : 480px){
#links .oldlogo{
	width:180px;
	height:auto;
	}
}
/* Tablet以上 */
@media screen and (min-width : 768px){
}
/* PC以上 */
@media screen and (min-width : 1024px){
#links .oldlogo{
	width:180px;
	height:auto;
	}
}

/*------------------
links green
--------------------*/

#links.green{
	clear: both;
	display:block;
	width:100%;
	padding:100px 0;
	text-align: center;
	color:#fff;
	background:#213135 !important;
	}

#links.green p{
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	font-size:16px;
	letter-spacing:0.1em;
	padding:0;
	}

#links.green #sns{
	}

#links.green #sns a{
	color:#fff;
	}

/*------------------
footer 
--------------------*/

/* SP以上 */
@media screen and (min-width : 320px){
#footer{
	display:block;
	width:100%;
	padding:0 0;
	background:#cccfc8;
	}

#footerinner{
	width:90%;
	margin:0 auto;
	padding:0 0 0;
	color:#213135;
	}

#footerinner #colum{
	float: left;
	width:25%;
	font-size:10px;
	line-height:2.2;
	}

#footer #copyright{
	clear:left;
	width:100%;
	padding-top:100px;
	font-size:10px;
	}
}
/* SP横以上 */
@media screen and (min-width : 480px){
#footer{
	display:block;
	width:100%;
	padding:40px 0;
	background:#cccfc8;
	}

#footerinner{
	width:90%;
	margin:0 auto;
	padding:0 0 0;
	color:#213135;
	}

#footerinner #colum{
	float: left;
	width:25%;
	font-size:9px;
	line-height:2.2;
	}

#footer #copyright{
	clear:left;
	width:100%;
	padding-top:50px;
	font-size:9px;
	}
}
/* Tablet以上 */
@media screen and (min-width : 768px){
}
/* PC以上 */
@media screen and (min-width : 1024px){
#footer{
	display:block;
	width:100%;
	padding:50px 0;
	background:#cccfc8;
	}

#footerinner{
	width:90%;
	margin:0 auto;
	padding:0 0 0;
	color:#213135;
	}

#footerinner #colum{
	float: left;
	width:25%;
	font-size:11px;
	line-height:2;
	}

#footer #copyright{
	clear:left;
	width:100%;
	padding-top:30px;
	font-size:11px;
	}
}


/*SP*/


/*--cpmenu--*/
#cpmenu {
	background:#cccfc8;
	position:relative;
}
#cpmenu .sns{
	width: 100%;
	padding:10px 0;
	text-align: center;
	cursor: pointer;
	color:#111;
	background:#cccfc8;
	border-bottom:1px solid #b7bcaf;
}
#cpmenu .sns img{
	width: 40px;
	height: 40px;
}
#cpmenu .sitemenu{
	width: 100%;
	padding:10px 0;
	text-align: center;
	cursor: pointer;
	color:#111;
	border-bottom:1px solid #b7bcaf;
	background:url("../images/cmn/dd.png") center right no-repeat;
}
#cpmenu #ans {
	width: 100%;
	overflow:hidden;
	display:none;
}
#cpmenu #ans #menu div{
	text-align: center;
	color:#111;
	border-bottom:1px solid #b7bcaf;
	height: 25px;
	line-height:25px;
	width: 100%;
	font-size:10px;
}



/*--coorporatefoot--*/
#coorporatefoot{
	width: 100%;
	position:relative;
	display: block;
	border:0;
	padding:0;
	background:#cccfc8;
	text-align:center;
	color:#111;
	font-size: 10px;
}

#coorporatefoot img{
	width:100%;
	height:auto;
}

#coorporatefoot a{
	color:#111;
}

#coorporatefoot #xtr{
	width:100%;
	height:30px;
	line-height:30px;
	border-bottom:1px solid #b7bcaf;
	border-top:1px solid #b7bcaf;
	margin-bottom:10px;
}
#coorporatefoot .xleft{
	float:left;
	width:50%;
	height:30px;
	line-height:30px;
	display:block;
	border-right:1px solid #b7bcaf;
}
#coorporatefoot .xright{
	float:right;
	width:49%;
	height:30px;
	line-height:30px;
	display:block;
}

#copyrightsp{
	width:100%;
	min-width:100%;
	margin:10px auto 0;
	padding:5% 0;
	line-height:2;
	border-top:1px solid #b7bcaf;
	color:#111;
	background:#cccfc8;
	font-size:9px;
	font-family:'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
	text-align: center;
	}

#coorporatefoot #copyrightsp{
	font-size: 9px;
}

/*credit*/

/* SP以上 */
.spcredit{
	display: none;	
	}
.pccredit{
	display: block !important;
	/*word-break: break-all;*/
	}
@media screen and (max-width : 768px){
.spcredit{
	width:100%;
	padding:20px 0;
	display: block;	
	}
.pccredit{	
	display: none !important;
	}
}


.creditbtn1,
.creditbtn2,
.creditbtn3,
.creditbtn4,
.creditbtn5,
.creditbtn6,
.creditbtn7,
.creditbtn8,
.creditbtn9,
.creditbtn10,
.creditbtn11,
.creditbtn12{
	width: 50%;
	padding:5px 0 0;
	margin:0 auto;
	text-align: center;
	color:#728483;font-family: WebIconFonts;
	border-top:1px dotted #728483;
	font-size:26px;
	cursor: pointer;
}
#credit1,
#credit2,
#credit3,
#credit4,
#credit5,
#credit6,
#credit7,
#credit8,
#credit9,
#credit10,
#credit11,
#credit12 {
	width: 100%;
	overflow:hidden;
	padding:10px 0;
	display:none;
}
#spec{
	width: 100%;
	height: auto;
	magin:0 auto;
	line-height:1.8;
	font-size:10px;
	text-align: left;
	color:#728483;
	word-break: break-all;
}