@charset "UTF-8";

/*_____ layout _____*/
.pc{/*767px以上表示／デフォルト*/
	display:block;
}
.mobile{/*767px以下表示／モバイル端末*/
	display:none;
}

#wrapper{
    margin:0 auto 0;
	padding: 0;
}
#header{/*ヘッダ*/
	position:relative;
	width: 100%;
	height: 120px;
    margin:0 auto;
	padding:0px 0px 0;
	letter-spacing:1px;
}
@media screen and (max-width: 1023px) {
#header{/*ヘッダ*/
	height: 60px;
}
}
.headerBorder10{/*ヘッダ下のボーダー*/
	border-bottom: 10px solid #CCCCCC;
}

.logo{
	position: relative;
	float: left;
	margin: 0;
	padding: 30px 0 30px 100px;
}
@media screen and (max-width: 1279px) {
.logo{
	padding: 30px 0 30px 30px;
}
}
@media screen and (max-width: 1023px) {
.logo{
	padding: 10px 0 0px 10px;
}
}
#mainmenu{/*メインメニュー*/
	position:relative;
	float: right;
	text-align: left;
    max-width:1260px;
    margin:40px 0 0;
	padding:0px 20px 0 0;
	letter-spacing:1px;
}
@media screen and (max-width: 1023px) {
#mainmenu{/*メインメニュー*/
	display: none;
}
}


#bgImgMain{
	position: relative;
	width: 100%;
	margin: 0;
	padding: 0;
	background-color: #444444;
}
.imgMain{
	position: relative;
	max-width: 1680px;
	margin: 0 auto;
	padding: 0;
}
.imgMain img.pc{
	display: block;
	width: 100%;
}
.imgMain img.mobile{
	display: none;
	width: 100%;
}
@media screen and (max-width: 1023px) {
.imgMain img.pc{
	display: none;
}
.imgMain img.mobile{
	display: block;
}
}


#contents{/*コンテンツ*/
	position:relative;
	max-width: 1260px;
	max-width: 1080px;
    margin:0px auto 0px;
	padding:0px 10px 30px;
	line-height: 150%;
}
@media screen and (max-width: 767px) {
#contents{/*コンテンツ*/
	padding:0px 20px 30px;
}
}


	.main{
		margin-top:0px;
		margin-right:0px;
		margin-bottom:0px;
		padding:0px;
		letter-spacing:1px;
	}
	.sub{
		margin-top:0px;
		margin-bottom:10px;
		padding:0px 0px 0px;
		letter-spacing:1px;
		text-align:left;
	}
	.left1of2{
		width:50%;
		float:left;
		padding-top:10px;
		padding-bottom:10px;
	}
	.leftIn{
		width:98%;
		padding-left:3px;
	}
	.left1of3{
		width:33.334%;
		float:left;
		padding-top:10px;
		padding-bottom:10px;
		text-align:center;
	}
	.left2of3{
		width:66.666%;
		float:left;
		padding-top:10px;
		padding-bottom:10px;
		text-align:center;
	}
	.left1of4{
		width:25%;
		float:left;
		padding-top:10px;
	}
	.left1of5{
		width:20%;
		float:left;
	}
	.left3of4{
		width:75%;
		float:left;
		padding-top:10px;
	}
	.left1of5{
		width:20%;
		float:left;
	}
@media screen and (max-width: 767px) {
	.left1of5{
		width:50%;
	}
}
	.border_left1{
		border-left:1px solid #CCCCCC;
	}



#gotop{/*ページトップへ*/
	margin-top:0px;
}

#footer{
    margin:0px auto;
	padding:80px 0px 10px;
	z-index:0;
	position:relative;
	top:0px;
    font-size:12px;
	letter-spacing:normal;
}
#footerIn{
    margin:0px auto 0px;
	padding:0px 10px 0;
    max-width:1260px;
	position:relative;
	letter-spacing:normal;
	text-align: center;
}

.stack,.stack1of2,.stack1of3,.stack2of3,.stack1of4,.stack3of4,.stack1of5,.stack2of5,.stack3of5,.stack4of5,.stackAuto,
/* add class names here: */
.areamain,/*メイン*/
.areasub,/*サブ*/
.semanticClass
{
	margin: 0;
	padding: 0;
    display:inline-block;
    text-align:center;
    vertical-align:top;
	letter-spacing:-0.63em;
}
.stack,.stack1of2,.stack1of3,.stack2of3,.stack1of4,.stack3of4,.stack1of5,.stack2of5,.stack3of5,.stack4of5
{
	padding-bottom:0px;/*20px*/
}
/* Opera Windows fix */
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) {
head~body .stack,head~body .stack1of2,head~body .stack1of3,head~body .stack2of3,head~body .stack1of4,head~body .stack3of4,head~body .stack1of5,head~body .stack2of5,head~body .stack3of5,head~body .stack4of5,head~body .stackAuto,
/* add class names here: */
.areamain,/*メイン*/
.areasub,/*サブ*/
.semanticClass{
	word-spacing:1px;
}
.stack{
	position:relative;
	/*height: 1296px;*/
}
}
.stackContent{
	display:block;
	/*padding:0px 10px 15px;*/
	padding:5px 30px;
	letter-spacing:normal;
	word-spacing:normal;
	text-align:left;
}
.stackContent:after{
	content:"";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.stackAuto .stackContent	{text-align:center;}
.stackAuto					{width:auto;}
.stack						{width:100%; overflow:hidden;}
.stack .stack				{overflow:visible;}
.stack1of2					{width:50%; overflow:hidden;}
.stack1of3					{width:33.334%;}
.stack2of3					{width:66.667%;}
.stack1of4					{width:25%;}
.stack3of4					{width:75%;}
.stack1of5					{width:20%;}
.stack2of5					{width:40%;}
.stack3of5					{width:60%;}
.stack4of5					{width:80%;}
.areasub{
	width:26%;
	margin:0px;
	padding: 0 0 0 4%;
}
.areamain{
	width:70%;
	text-align:left;
	margin:0px;
}


/*------------- _____ ▼SNS _____ ------------------*/
.fb-like{
	margin:0px; !important
	padding:0px; !important
	border:0px; !important
}
.twitter-share-button{
	margin:5px 0px 0px 0px; !important
	padding:0px; !important
	border:0px; !important
}
.twtr-hd{/*twitterWIDGETヘッダは表示しない*/
	display:none; !important
}

/* ========== スマホ対応 ==========*/
@media screen and (max-width: 767px) {
.pc{
	display:none;
}
.mobile{
	display:block;
}
.areamain{
	width:100%;
}

.areasub{
	width:100%;
	max-width: 300px;
	padding: 0;
}

.main{
	margin-right:0px;
}

.left1of2{
	width: 100%;
}
.left1of3{
	width: 100%;
}
.left2of3{
	width: 100%;
}
.leftIn{
	width:100%;
	padding-left:0px;
}

}