@charset "utf-8";
/* CSS Document */


/* common ||||||||||||||************/
html{
	-webkit-text-size-adjust: 100%;
	font-size: 62.5%;
}

body{ font-size: 1.6rem; }

html,body,input{
	margin:0rem;
	padding:0rem;	

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



table   {  
    border-collapse: collapse;
	border-spacing: 0;  
}
 
img {  
    border: 0;  
}

.sp{
	display:none;	
}

.pc{
	display:block;
}

.gothfnt{
	font-family:Verdana, Geneva, sans-serif;
}


ul li{
	list-style:none;
	-webkit-box-align: center;
	-moz-box-align: center;
	-o-box-align: center;
	-ms-box-align: center;
	box-align: center; 
}

html,body,h1,h2,h3,h4,h5,p,ul,ol,
li,dl,dt,dd,form,hr,figure,a {
	margin:0;
	padding:0;
}

a:hover img{
	opacity: 0.7!important;
}

/* clear
=================================================================== */
/* float */
.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;
}
/*
=================================================================== */

div#wrap{
	text-align:center;
	width:100%;	
	position: relative;
}
/* common ||||||||||||||************/


#logoarea{
	width:980px;
	margin:0 auto;
	z-index:400;
}

#logoarea h1{
	position: fixed;
	top:10px;
	z-index: 15000;
}

.cb-header{
	display:none;
	width:100%;
	z-index:12000;
	background:#ffffff;
	position: fixed;
	top:0;
	left:0;
	padding:10px 0;
}

.cb-header h1{
	width:200px;
	float:left;
}

.cb-header ul{
	width:750px;
	float:right;
}

.cb-header ul li{
	margin: 0 15px;
	float:right;
	height:38px;
	line-height: 38px;
}
.cb-header ul li img{
	vertical-align:middle;
}


/*ContentsArea*/
#contentsarea{
	width:100%;
	background:#fff;
	background-size:100%;
	position:relative;
	z-index:10000;
		
	min-width: 1040px;
}
/*ContentsArea*/



#intbox{
	background:#fff url("../img/introbg.jpg") top left no-repeat;
	background-size:100% auto;
	    padding-bottom: 50px;
}

#springbox{
	background:#fff url("../img/springbg.jpg") top left repeat-y;
	background-size:100% auto;
}
#summerbox{
	background:#fff url("../img/summerbg.jpg") top left no-repeat;
	background-size:100% auto;
}
#autumnbox{
	background:#fff url("../img/autumnbg.jpg") top left no-repeat;
	background-size:100% auto;
}
#winterbox{
	background:#fff url("../img/winterbg.jpg") top left no-repeat;
	background-size:100% auto;
}

.contbox h4{
	margin:15px 0;	
}

.contbox p img{
	margin: 25px auto 10px;
}



#slidearea{
	/*position: relative;*/
	position: fixed;
	top:0;
	left:0;
	z-index:50;
	width: 100%;
}

/*Header*/
#header{
	width:100%;
	position:absolute;
	top:0;
	right:0;
	z-index:100;
	padding: 15px 0;
}

#header ul{
    width: 980px;
    margin: 0 auto;
    height: 50px;
}

#header ul li{
	margin: 0 15px;
	float:right;
}
#header ul li.nomrgt,
.cb-header ul li.nomrgt{
	margin:0 2px 0 2px;
}
#header ul li.nomrgt:nth-child(2),
.cb-header ul li.nomrgt:nth-child(2){
	margin-left:15px;
}


/*Header*/

#slidearea #slidebox li img{
	width:100%;
}

#ttlbox{
	width:980px;
	margin:0 auto;
	position:relative;
	z-index:100;
	color:#ffffff;	
}

#ttlbox h2{
	position:absolute;
	left:0;
	margin-top: 18%;
    text-align: left;	
}

.contbox{
	width:980px;
	margin:0 auto;
	padding: 3% 0;
	line-height:1.8;
}

.mxwd img{
	width:100%;
}


/*footer*/
#footerarea{
	clear: both;
	position:relative;
	z-index:10000;
    background: #94908D;    
    font-size: 1.2rem;
    font-weight: bold;
    color: #fff;
    min-width: 1040px;
}

div#footer{		
	width:980px;
	margin:0 auto;
	text-align:center;
	padding:18px 0px 14px 0px;
}

div#footer ul li{
	float:left;
}


div#footerarea ul li{
	float:left;
	font-size:1.2rem;
}

div#footer ul#snsbox{
	width:176px;
	margin:0 auto;	
}

div#footer ul#snsbox li{
	width:33px;
	margin-right:32px;
}

div#footer ul#snsbox li.insicon{
	margin-right:18px;
}

div#footer ul#snsbox li img{
	width:100%;
	vertical-align:middle;
}

div#footer ul#snsbox li.inq{
	width:60px;
	font-size:0.6rem;
	margin-right:0px;
    line-height:2;
}

div#footer ul#snsbox li.inq a,
div#footer ul#snsbox li.inq a:hover,
div#footer ul#snsbox li.inq a:visited{
	
	color:#fff!important;
}

span#cright img{
	width:10px;
	height:10px;	
}


#photobox li.lr{
	width:49.6%;
	float:left;
	text-align:right;
	padding: 0.2%;	
}

#photobox li.rl{
	width:49.0%;
	float:right;
	text-align:left;
	padding: 0.2%;	
}

#photobox li.ll{
	width:49.6%;
	float:left;
	text-align:left;
	padding: 0.2%;	
}
p.othpageTop {
    display: none;
}

@media (max-width:768px){
	
	#wrap{
		overflow:hidden;
	}

.sp{
	display:block;
}

.pc{
	display:none;
}

#logoarea{
	width:100%;
}

#logoarea h1{
	left:5px;
	width:115px;
	height:30px;
}

#logoarea h1 img{
	width: 100%;
	padding-top:2.5px;
}

#ttlbox{
	width:100%;
}

#ttlbox h2{
	position:absolute;
	margin-top: 40%;
    text-align: center;
	width:100%;	
}
#ttlbox h2 span img{
	
	width:212px;
	margin:0 auto;
}
#ttlbox h2 span{
}

.contbox{
	width:100%;
}

.contbox p{
	width:95%;
	margin:0 auto;
}

.contbox p.ptb{
	width:100%;
}

#contentsarea{
	min-width:100%;
}

#photobox li.rl,
#photobox li.lr,
#photobox li.ll{
	width:100%;
	float:none;
	margin:0;
}

#photobox li img{
	width:100%;
}

#photobox li.spl,
#photobox li.spr{
	width:49%;
	float:left;
}


#logoarea ul#mn{
	position:fixed;
	right:0;
	top:0;
	width:100%;
	background:#ffffff;
	z-index:10002;
	
    padding: 10px 0;
}

#logoarea ul#mn li{
	height:32px;
	float:right;
	margin:0 5px;
}

#logoarea ul#mn li img{
	height:100%;
}

.contbox p.ptb img{
	width:100%;
}

#footerarea{
    min-width: 100%;
	z-index:10000;
}
div#footer{
	width:100%;
}

p.othpageTop {
    display: block;
    text-align: right!important;
    padding-right: 2%;
    background: #ffffff;
    z-index: 10000;
    position: relative;
}

#intbox .contbox:nth-child(1){
	background:#fff url("../img/introbg_sp.jpg") bottom left no-repeat;
	background-size:100% auto;
}

#springbox{
	background:#fff url("../img/springbg_sp.jpg") top left no-repeat;
	background-size:100% auto;
}
#summerbox{
	background:#fff url("../img/summerbg_sp.jpg") top left no-repeat;
	background-size:100% auto;
}
#autumnbox{
	background:#fff url("../img/autumnbg_sp.jpg") top left no-repeat;
	background-size:100% auto;
}
#winterbox{
	background:#fff url("../img/winterbg_sp.jpg") top left no-repeat;
	background-size:100% auto;
}
	
}