@charset "utf-8";
@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);

/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html{font-family:Arial,Hiragino Kaku Gothic ProN,ヒラギノ角ゴ ProN W3,Meiryo,Helvetica,メイリオ,sans-serif;font-size:88%;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}abbr,address,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{margin:0;padding:0;border:0;outline:0;vertical-align:baseline;background:transparent}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{color:#000;background-color:transparent;text-decoration:none}a:active,a:hover{color:#000;outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0;-ms-interpolation-mode:bicubic;vertical-align:bottom;max-width:100%;height:auto}svg:not(:root){overflow:hidden}figure{margin:0}hr{box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace;font-size:1em}li{list-style:none}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}img {backface-visibility: hidden;}


/* template style ----------------------*/

body {
	line-height: 180%;
	font-size: 14px;
	color: #1a1a1a;
	overflow-x:hidden;
	-webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	margin: auto;
	padding: 0;
	font-family: "Noto Sans Japanese", sans-serif,"sans-serif","ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo";
}

#wrapper { position:relative; }
.sp-bl,
.sp-il,
.tablet-bl {
	display:none;
}

.inner {
	width:95%;
	max-width:1000px;
	margin-right:auto;
	margin-left:auto;
	position:relative;
}
.opa {
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}
.opa:hover {
	opacity: 0.85;
	filter: alpha(opacity=85);
}

.clearfix:before,
.clearfix:after,
.cf:before,
.cf:after {
	content: "";
	display: table;
}
.clearfix:after,
.cf:after {
	clear: both;
}
.clearfix,
.cf {
	zoom: 1;
}

/* header ----------------------*/

#header{
	width: 100%;
	position:fixed;
	z-index: 50;
	top: 0;
	left: 0;
	-webkit-transition: all 300ms ease;
	   -moz-transition: all 300ms ease;
	    -ms-transition: all 300ms ease;
	     -o-transition: all 300ms ease;
	        transition: all 300ms ease;
}
	.headerBox{
		padding-top: 20px;
		padding-bottom: 20px;
		background: #fff;
	}
		.headerLogo{
			float: left;
			width: 24%;
			max-width: 240px;
			height: 40px;
		}
		.headerSide{
			float: right;
			width: 62%;
			max-width: 620px;
			height: 40px;
		}
			.headerSide h2{
				font-size: 10px;
				line-height: 1.4;
				color: 999;
				text-align: right;
			}
			.headerSide .headTel{
				text-align: right;
			}
	#gnav{
		background-color: rgba(0,0,0,0.85);
		height: 40px;
	}
		#gnav ul li{
			float: left;
			max-width: 100px;
			text-align: center;
			line-height: 40px;
			padding: 0 1%;
		}
		#gnav ul li a{
			display: block;
		}

			#gnav ul li a.navHover{
				position: relative;
				display: block;
				height: 40px;
			}
				#gnav ul li:nth-child(1) a.navHover{
					width: 41px;
				}
				#gnav ul li:nth-child(2) a.navHover{
					width: 51px;
				}
				#gnav ul li:nth-child(3) a.navHover{
					width: 39px;
				}
				#gnav ul li:nth-child(4) a.navHover{
					width: 66px;
				}
				#gnav ul li:nth-child(5) a.navHover{
					width: 57px;
				}
				#gnav ul li:nth-child(6) a.navHover{
					width: 93px;
				}
				#gnav ul li:nth-child(7) a.navHover{
					width: 68px;
				}
			#gnav ul li a.navHover img {
			    position: absolute;
			    top: 0;
			    left: 0;
			}
			#gnav ul li a.navHover img:first-child {
			    z-index: 1;
			    -webkit-transition: opacity .5s;
			    -moz-transition: opacity .5s;
			    -ms-transition: opacity .5s;
			    -o-transition: opacity .5s;
			    transition: opacity .5s;
			    opacity: 1;
			}
			#gnav ul li a.navHover img:nth-child(2){
				-webkit-transition: opacity .5s;
			    -moz-transition: opacity .5s;
			    -ms-transition: opacity .5s;
			    -o-transition: opacity .5s;
			    transition: opacity .5s;
				opacity: 0;
			}
			#gnav ul li a.navHover:hover img:first-child {
			    opacity: 0;
			}
			#gnav ul li a.navHover:hover img:nth-child(2) {
			    opacity: 1;
			}


		#gnav ul li+li{
			margin-left: 7.4%;
		}
			@media screen and (max-width: 1065px) {
				#gnav ul{
					width: 100%;
					max-width: 705px;
					margin-left: auto;
					margin-right: auto;
				}
				#gnav ul li+li{
					margin-left: 4.5%;
				}
			}

		#gnav li.open {
			position: relative;
		}		

		#gnav li.open ul {
			visibility: hidden;
			position: absolute;
			top: 50px;
			left: -195%;
			width: 890px;
			max-width: 890px;
			padding: 55px 55px 10px; 
			height: auto;
			opacity: 0;
			background-color: rgba(0,0,0,0.85);
		    white-space: nowrap;
			-webkit-transition: all 200ms ease-in-out;
		    -moz-transition: all 200ms ease-in-out;
		    -o-transition: all 200ms ease-in-out;
		    transition: all 200ms ease-in-out;
		}
		#gnav li.open:hover ul {
			visibility: visible;
			opacity: 1;
		}
			#gnav li.open ul li{
				float: left;
				width: 130px;
				max-width: inherit;
				padding: 0;
			}
			#gnav li.open ul li+li{
				margin-left: 18px;
			}
			
			#gnav li.open ul li p{
				margin-top: 5px;
				margin-bottom: 10px;
				color: #fff;
				font-size: 16px;
				line-height: 1.25;
				text-align: left;
				min-height: 65px;
			}
			#gnav li.open ul span.view-tip{
				position: absolute;
				width: 30px;
				height: 18px;
				top: -40px;
    			left: 16%;
			}
			#gnav li.open ul span.dd_worksTop{
				margin-bottom: 10px;
			}
			#gnav li.open ul li .figure {
			    background-position: center;
			    background-size: cover;
			}

    #header.scroll{
		top: -80px;
    }
/* main ------------------------*/

#main {
	margin-top: 120px;
}

/* 下層ページ ------------------------*/
#subPageMv {
    position: relative;
}
	#subPageMv .figure img {
	    width: 100%;
	}
	#subPageMv h2 {
	    position: absolute;
	    right: 0;
	    bottom: 0;
	    left: 0;
	    text-align: center;
	    background: rgba(0, 0, 0, 0.7);
	    box-sizing: border-box;
	    padding: 30px 0;
	}
	/* mvなし */
	#subPageMv.notMv h2 {
	    position: static;
	    background: #333;
	}
    /* mvなしここまで */

	#subPageMv h2 img {
	    max-width: 640px;
	    width: 33%;
	}

#breadcrumbs {
    background-color: #f5c550;
    color: #FFF;
    font-size: 10px;
    width: 100%;
    overflow: hidden;
}
	#breadcrumbs ol {
	    width: 1000px;
	    height: 30px;
	    margin: 0 auto;
	    list-style: none;
	    overflow: hidden;
	}
	#breadcrumbs ol li {
	    display: table-cell;
	    padding: 0 20px;
	    vertical-align: middle;
	}
	#breadcrumbs ol li:before {
	    display: block;
	    background: #f5c551;
	    width: 15px;
	    height: 15px;
	    border-right: 1px solid #F6F0E3;
	    margin: 0 -11px -12px auto;
	    content: " ";
	    -webkit-transform: skew(30deg);
	    -moz-transform: skew(30deg);
	    transform: skew(30deg);
	}
	#breadcrumbs ol li:after {
	    display: block;
	    background: #f5c551;
	    width: 15px;
	    height: 15px;
	    border-right: 1px solid #F7F1E4;
	    margin: -13px -11px 0 auto;
	    content: " ";
	    -webkit-transform: skew(-30deg);
	    -moz-transform: skew(-30deg);
	    transform: skew(-30deg);
	}
	#breadcrumbs ol li:last-child::before,
	#breadcrumbs ol li:last-child::after {
	    display: none;
	}
	#breadcrumbs ol li + li {
	    padding-left: 5px;
	}
	#breadcrumbs ol li a {
	    color: #FFF;
	    position: relative;
	    z-index: 1;
	}
	#breadcrumbs ol li a:hover {
	    text-decoration: underline;
	}
	#breadcrumbs ol li a + a::before {
	    content: ', ';
	}
	#breadcrumbs ol li span {
	    position: relative;
	    z-index: 1;
	}
		.txtBox {}
		    .txtBox .ttl {
		        font-size: 28px;
		        line-height: 1.6;
		        text-align: center;
		        font-feature-settings: 'palt' 1;
		        letter-spacing: 0.1em;
		        margin-bottom: 25px;
		    }
		.rwdTxt {
		    text-align: center;
		    font-size: 0;
		}
		    .rwdTxt > span {
		        display: inline-block;
		        font-size: 16px;
		        line-height: 2.375;
		        letter-spacing: normal;
		    }

    .btnBox {
		text-align: center;
	}
	.btn:not(.sp-bl) {
	    position: relative;
	    display: inline-block;
	    width: 220px;
	    height: 45px;
	}
	.btn img {
	    position: absolute;
	    top: 0;
	    left: 0;
	}
	.btn img:first-child {
	    z-index: 1;
	    -webkit-transition: opacity .5s;
	    -moz-transition: opacity .5s;
	    -ms-transition: opacity .5s;
	    -o-transition: opacity .5s;
	    transition: opacity .5s;
	    opacity: 1;
	}
	.btn:hover img:first-child {
	    opacity: 0;
	}
	span.btn:hover img:first-child {
	    opacity: 1;
	}



/* postNextPrev */
.postNextPrev {
    margin-top: 60px;
    border-top: 1px solid;
    padding-top: 100px;
    width: 700px;
    margin: auto;
}
    .postNextPrev .postPrev {
        float: left;
        width: 46%;
        min-height: 1px;
        padding-right: 3%;
        box-sizing: border-box;
    }
    .postNextPrev .postNext {
        float: right;
        width: 46%;
        padding-left: 3%;
        box-sizing: border-box;
    }
    .postNextPrev .postArchive {
        float: left;
        width: 8%;
        box-sizing: border-box;
    }
	    a.postBottom {
	        display: block;
	    }
		    .postBottom .archiveImg {
		        float: left;
		        max-width: 100px;
		        width: 26.3158%;
		    }
		    .postBottom .archiveTxt {
		        float: right;
		        max-width: 260px;
		        width: 68.4211%;
		    }

		    .postNext .postBottom .archiveImg {
		        float: right;
		    }
		    .postNext .postBottom .archiveTxt {
		        float: left;
		    }
			    .postBottom .archiveTxt .date {
			        font-size: 12px;
			        color: #666666;
			        display: block;
			    }
			    .postBottom .archiveTxt .ttl {
			        font-size: 12px;
			        font-weight: bold;
			        color: #333333;
			        display: block;
			        line-height: 1.6;
			        overflow: hidden;
			        text-overflow: ellipsis;
			        display: -webkit-box;
			        -webkit-box-orient: vertical;
			        -webkit-line-clamp: 2;
			        max-height: 37px;
			    }


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

#footer {
	margin-top: 50px;
	background: #fff;
	position: relative;
}

#snsBox{
	background: url(../../img/common/pc/footBg.jpg) no-repeat center ;
	background-size: cover;
	width: 100%;
	height: 664px;
	position: relative;
	z-index: 5;
}
	.sns-before,
	.sns-after{
		width: 100%;
		height: 100px;
		z-index: 10;
		background-size: cover;
		position: absolute;
	}
	@media screen and (min-width: 1500px) {
		.sns-before,
		.sns-after{
			height: 200px;
		}
	}
	.sns-before{
		background: url(../../img/common/pc/sns-before.png) no-repeat top right;
		top: 0;
		left: 0;
	}
	.sns-after{
		background: url(../../img/common/pc/sns-after.png) no-repeat bottom left;
		bottom: 0;
		right: 0;
	}	
	#snsBox .snsBoxContents{
		position: relative;
		z-index: 100;
		padding-top: 150px;
		text-align: center;
	}
		#snsBox .snsBoxContents h2{
			margin-bottom: 50px;
		}
		.snsBoxContents ul{
			max-width: 700px;
			margin-left: auto;
			margin-right: auto;
			margin-bottom: 50px;
		}
			.snsBoxContents ul li{
				float: left;
				width: 100px;
				height: 100px;
				border-radius: 50%;
				position: relative;
				background-color: #000;
				box-shadow: 0px 12px 10px rgba(0,0,0,0.2);
			    -webkit-transition: all .2s;
			    -moz-transition: all .2s;
			    -ms-transition: all .2s;
			    -o-transition: all .2s;
			    transition: all .2s;
			}
			.snsBoxContents ul li:hover{
				box-shadow: none;
				transform: scale(0.95) translateY(0.5rem);
			}
			.snsBoxContents ul li+li{
				margin-left: 50px;
			}
			.snsBoxContents ul li:nth-child(1):hover{
				background-color: #55acee;
			}
			.snsBoxContents ul li:nth-child(2):hover{
				background-color: #3c5993;
			}
			.snsBoxContents ul li:nth-child(3):hover{
				background-color: #3a5775;
			}
			.snsBoxContents ul li:nth-child(4):hover{
				background-color: #0097ff;
			}
			.snsBoxContents ul li:nth-child(5):hover{
				background-color: #05c747;
			}
				.snsBoxContents ul li a{
					display: block;
					width: 100px;
					height: 100px;
				}
				.snsBoxContents ul li a img{
					position: absolute;
					height: 40px;
					width: 40px;
					top: 0;
					left: 0;
					right: 0;
					bottom: 0;
					margin: auto;
				}
		.footBnr{
			text-align: center;
		}

#footLink {
    background: #1a1a1a;    
    color: #999;
    font-size: 12px;
    position: relative;
    padding-top: 40px;
    padding-bottom: 65px;
}
	.LinkBoxLeft{
		float: left;
		width: 400px;
	}
		.Lefttop{
			width: 100%;
			margin-bottom: 35px;
		}
			.Lefttop .footLogo{
				width: 166px;
				float: left;
			}
			.Lefttop .footTxtBox{
				width: 195px;
				float: right;
			}
				.Lefttop .footTxtBox h2{
					font-size: 15px;
					padding-bottom: 10px;
				}
				.Lefttop .footTxtBox p{
					line-height: 1.75;
				}
		.LeftBtm{
			width: 100%;
		}
			.LeftBtm .tel{
				float: left;
				width: 190px;
			}
			.LeftBtm .footContact{
				float: right;
				width: 190px;
			}
			.LeftBtm .footContact .footBtn{
			    position: relative;
			    display: inline-block;
			    width: 190px;
			    height: 40px;
			}
				
	.LinkBoxRight{
		float: right;
		width: 480px;
		margin-top: -15px;
	}
		.siteMap{
			width: 100%;
		}
		.siteMap a{
			-webkit-transition: 0.3s ease-in-out;
			-moz-transition: 0.3s ease-in-out;
			-o-transition: 0.3s ease-in-out;
			transition: 0.3s ease-in-out;
		}
		.siteMap a:hover{
			opacity: 0.8;
			filter: alpha(opacity=80);
		}

			.workslist1,
			.workslist2,
			.siteLink{
				float: left;
			}
			.workslist1{
				width: 195px;
			}
			.workslist2{
				width: 145px;
				margin-top: 25px;
			}
				.works ul{
					padding-top: 5px;
				}
				.works ul li:before { 
					content:"├";
					padding-right: 5px;
				}
				.works ul li+li{
					margin-top: 7px;
				}
				.works ul li a{
					color: #999;
				}
			.siteLink{
				width: 115px;
			}
				.siteLink ul li+li{
					margin-top: 22px;
				}
	@media screen and (max-width: 985px) {
		.LinkBoxLeft,
		.LinkBoxRight{
			float: none;
			margin-left: auto;
			margin-right: auto;
		}
		.LinkBoxRight{
			margin-top: 45px;
		}
	}
#copyright{
	background: #000;
	padding: 24px 0;
	text-align: center;
}




/* parts -----------------------*/
#contactArea {
    background-color: #1a1a1a;
    padding: 50px 0;
    text-align: center;
}
	#contactArea dl {}
	#contactArea dl dt {
	    margin-bottom: 30px;
	}
	#contactArea dl dd {}
	#contactArea dl dd ul {
	    width: 460px;
	    margin: 0 auto;
	}
	#contactArea dl dd ul li {
	    float: left;
	    width: 220px;
	}
	#contactArea dl dd ul li + li {
	    margin-left: 20px;
	}

#pageTop {
    position: fixed;
    bottom: 50px;
    right: 50px;
    z-index: 1000;
    max-width: 75px;
}

/*--- ページャー ---*/
.page-navi {
    text-align: center;
    margin: 30px auto;
    font-size: 0;
}

.page-numbers {
    display: inline-block;
    font-size: 14px;
    border: solid 1px #c2c2c2;
    line-height: 1;
    padding: 7px 10px;
    letter-spacing: 0;
    margin: 0 5px 5px;
    color: #666666;
    background-color: #FFF;
}

.page-numbers.current {
    background-color: #f5c550;
    color: #FFF;
    border: solid 1px #f5c550;
}

.page-navi a {
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.page-navi a:hover {
    background-color: #f5c550;
    color: #FFF;
    border: solid 1px #f5c550;
}

/* 記事がない時 */
.seeyou {
    display: table;
    margin: 100px auto 0;
    width: auto;
    line-height: 4;
    text-align: center;
}
.seeyou a {
    text-decoration: underline;
}





@media screen and (max-width:768px) { /* smart phone 6〜7 */

	body{
		padding-bottom: 70px;
	}

	.pc { display:none !important; }
	.sp-bl { display:block; }
	.sp-il { display:inline; }

	.inner {
		width:87.5%;
		max-width:560px;
	}

	/* sp-header ----------------------*/
	#header{
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		position:fixed;
		z-index: 1500;
		top: inherit;
		bottom: 0;
		left: 0;
		-webkit-transition: none;
		   -moz-transition: none;
		    -ms-transition: none;
		     -o-transition: none;
		        transition: none;
	    background: #fff;
	}
		
		/*=============================================================================
			#gnav
		=============================================================================*/
		.spHbox{
			width: 100%;
			max-width: 768px;
			height: 60px;
		}
		#gnav-fixed div {
		    float: left;
		}
		#gnav-fixed div a{
		    display: block;
		}
			.spHContact,
			#open-menu,
			#close-menu{
				width: 17.4475%;
				max-width: 134px;
				position: relative;
				text-align: center;
			}
				.spHContact img,
				#open-menu img{
					width: 45px;
					height: 60px;
				}
			.spHLogo{
				width: 65.105%;
				max-width: 500px;
				position: relative;
				text-align: center;
			}
				.spHLogo img{
					width: 200px;
					height: 60px;
				}

		#gnav-fixed{
			position: relative;
			z-index: 500;
			background: #fff;
			border-top: 10px solid #000;
		}
		#gnav-fixed #close-menu{
		    position: fixed;
		    right: -100%;
			opacity: 0;
			-webkit-transition: opacity 200ms ease-in-out;
			   -moz-transition: opacity 200ms ease-in-out;
			    -ms-transition: opacity 200ms ease-in-out;
			     -o-transition: opacity 200ms ease-in-out;
			        transition: opacity 200ms ease-in-out;
		}
		#gnav-fixed #close-menu.view {
		    right: 0;
			z-index: 20;
			opacity: 1;
			background: #fff;
		}
		#gnav-fixed #close-menu img{
			width: 45px;
			height: 60px;
		}

		#gnav-sub {
			position: fixed;
			right: -200%;
			top: 0;
			width: 100%;
			max-width: 768px;
		    overflow: scroll;
		    padding-bottom: 100%;
			opacity: 0;
			-webkit-transition: opacity 200ms ease-in-out;
			   -moz-transition: opacity 200ms ease-in-out;
			    -ms-transition: opacity 200ms ease-in-out;
			     -o-transition: opacity 200ms ease-in-out;
			        transition: opacity 200ms ease-in-out;
	        height: 100vh;
		}
		#gnav-sub.view{
			right: 0;
			z-index: 20;
			opacity: 1;
		    background: rgba(0,0,0,0.8);
		    padding-top: 30px;
		    height: 100vh;
		}


		/* gnav-sub */
		#gnav-sub a {
			display: block;
			color: #fff;
			font-size: 13px;
		}
		#gnav-sub h3 {
			position: relative;
			padding: 1px 0;
			box-sizing: border-box;
			border-top: 1px solid #666;
			text-align: center;
		}
		#gnav-sub h3.current,
		#gnav-sub h3.news_blog{
			border-bottom: 1px solid #666;
		}
		#gnav-sub h3.works{
			border-top: none;
		}
		#gnav-sub h3.accordion:after,
		#gnav-sub h3.current:after{
			position: absolute;
			top: 0;
			right: 0;
			display: block;
			content: '';
			width: 50px;
			height: 37px;
			background-position: center;
			background-repeat: no-repeat;
			background-size: cover;
		}
		#gnav-sub h3.accordion:after{
			background-image: url(../../img/common/sp/arrow_open.png);
		}
		#gnav-sub h3.current:after{
			background-image: url(../../img/common/sp/arrow_close.png);
		}
		#gnav-sub h3 img {
			width: 216;
			height: 37px;
		}
		#gnav-sub ul.menu{
			width: 87.5%;
			max-width: 560px;
			margin-left: auto;
			margin-right: auto;
			padding: 15px 0;
		}
		#gnav-sub ul.works_menu li:before{
			content:"├";
			padding-right: 5px;
			color: #fff;
			font-size: 13px;
		}
		#gnav-sub ul.works_menu li a{
			display: inline-block;
		}
		#gnav-sub ul.works_menu li+li{
			padding-top: 5px;
		}
		#gnav-sub ul.sns_menu{
			width: 67.5%;
			max-width: 432px;
			padding-bottom: 0;
			padding-top: 20px;
		}
		#gnav-sub ul.sns_menu li{
			float: left;
			width: 11.112%;
			max-width: 48px;
		}
		#gnav-sub ul.sns_menu li+li{
			margin-left: 11.11%;
		}
		#gnav-sub .spHBtnBox{
			width: 67.5%;
			max-width: 432px;
			margin: 40px auto 0;
			padding-bottom: 110px;
		}
			#gnav-sub .spHTelBtn{
				margin: 30px 0;
			}
			#gnav-sub #closetxt-menu{
				margin-top: 30px;
				margin-bottom: 30px;
				text-align: center;
				font-size: 110%;
				color: #fff;
			}
				#gnav-sub #closetxt-menu p span{
					padding-right: 1em;
				}
	#header.scroll{
		top: inherit;
	}

	/* sp-main ------------------------*/
	#main {
		margin-top: 0;
	}

	/* sp下層ページ ------------------------*/
	#subPageMv h2 {
	    padding: 15px 0;
	}
	    #subPageMv h2 img {
	        width: 100%;
	    }

    .txtBox .ttl {
        font-size: 20px;
        margin-bottom: 15px;
        line-height: 1.8;
        text-align: left;
    }

    .rwdTxt {
        text-align: left;
    }
        .rwdTxt > span {
            font-size: 14px;
            line-height: 2;
            display: inline;
        }
        .rwdTxt br {
            display: none;
        }

	/* adjacent post */
	.postNextPrev {
	    padding-top: 30px;
	    width: 80%;
	}
	    .postNextPrev .postPrev {
	        padding-right: 0;
	    }
	    .postNextPrev .postNext {
	        padding-left: 0;
	    }
		    .postPrev .postBottom .archiveImg,
		    .postPrev .postBottom .archiveTxt,
		    .postNext .postBottom .archiveImg,
		    .postNext .postBottom .archiveTxt {
		        float: none;
		    }
		    .postBottom .archiveImg {
			    max-width: none;
			    width: 100%;
			    display: block;
			}
			    .postBottom .archiveImg img {
				    width: 100%;
				}
			    .postBottom .archiveTxt .date {
			        line-height: 1em;
			        margin-top: 2vw;
			        margin-top: 1.4vw;
			        margin-bottom: 2vw;
			    }
			    .postBottom .archiveTxt .ttl {
			        font-size: 14px;
			        line-height: 1.6;
			        -webkit-line-clamp: 3;
			        max-height: 4.8em;
			    }
	    .postNextPrev .postArchive {
	        float: none;
	        clear: both;
	        width: 21.875vw;
	        margin: 6.25vw auto;
	    }

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


	#footer {
		margin-top: 30px;
		background: #fff;
		position: relative;
	}

	#snsBox{
		width: 100%;
		position: relative;
		z-index: 5;
		height: inherit;
	}
		.sns-before, .sns-after {
		    width: 100%;
		    height: 50px;
		}
		#snsBox .snsBoxContents{
			padding-top: 40px;
			padding-bottom: 40px;
		}
			#snsBox .snsBoxContents h2{
				margin-bottom: 40px;
				width: 100%;
				max-width: 560px;
				margin-left: auto;
				margin-right: auto;
			}
			.snsBoxContents ul{
				max-width: 220px;
				margin-left: auto;
				margin-right: auto;
				margin-bottom: 40px;
			}
				.snsBoxContents ul li{
					float: left;
					width: 60px;
					height: 60px;
					box-shadow: 0px 12px 10px rgba(0,0,0,0.2);
				}
				.snsBoxContents ul li+li{
					margin-left: 0;
				}
				.snsBoxContents ul li:nth-child(2){
					margin-left: 20px;
					margin-right: 20px;
				}
				.snsBoxContents ul li:nth-child(4){
					margin-left: 40px;
					margin-right: 20px;
					margin-top: 15px;
				}
				.snsBoxContents ul li:nth-child(5){
					margin-right: 40px;
					margin-top: 15px;
				}
					.snsBoxContents ul li a{
						width: 60px;
						height: 60px;
					}
					.snsBoxContents ul li a img{
						position: absolute;
						height: 24px;
						width: 24px;
					}
			.footBnr {
				width: 91.08%;
				max-width: 510px;
				margin-left: auto;
				margin-right: auto;
			}
	#copyright{
		padding: 0 0 5px;
		text-align: center;
		width: 100%;
		font-size: inherit;
	}
		#copyright img{
			width: 104px;
		}



	/* sp-parts -----------------------*/
	#contactArea dl dd ul li {
	    float: none;
	    width: 100%;
	}
		#contactArea dl dd ul {
		    max-width: 440px;
		    width: 78.5714%;
		    margin: 0 auto;
		}
		#contactArea dl dd ul li a.sp-bl {
		    position: relative;
		    display: inline-block;
		    width: 100%;
		}
		#contactArea dl dd ul li a {
		    display: block;
		    width: 100%;
		    height: auto;
		}
		#contactArea dl dd ul li a img:first-child {
		    position: static;
		    opacity: 1;
		}
		#contactArea dl dd ul li a img {
		    opacity: 0;
		}
		#contactArea dl dd ul li + li {
		    margin-left: 0;
		    margin-top: 20px;
		}

	#pageTop {
	    bottom: 75px;
	    right: 5px;
	    z-index: 1000;
	    max-width: 75px;
	}

	/*--- ページャー ---*/
	.page-numbers {
	    margin: 0 3px 5px;
	}




}