@charset "UTF-8";

/*-----------------------------------------------------
10px = 77%     11px = 85%     12px = 93%     13px = 100%
14px = 108%    15px = 116%    16px = 123.1%  17px = 131%
18px = 138.5%  19px = 146.5%  20px = 153.9%  21px = 161.6%
22px = 167%    23px = 174%    24px = 182%    25px = 189%
26px = 197%
------------------------------------------------------*/

/* 共通
=======================================*/
body {
	font:16px "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"游ゴシック",YuGothic,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	*font-size:small; 	/* for IE */
	*font:x-small; 		/* for IE in quirks mode */
	color:#FFF;
	line-height:160%;
	-webkit-text-size-adjust:100%;	/* iOS */
	display:flex;
	animation: fadeIn 2s ease 0s 1 normal;
    -webkit-animation: fadeIn 2s ease 0s 1 normal;
}

@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

@-webkit-keyframes fadeIn{
	0% {opacity: 0}
    100% {opacity: 1}
}

a{
	color:#FFF;
	text-decoration:none;
}

strong{
	color:#000;
}

ul{
	list-style:none outside;
}

.sp_none{
	display:block !important;
}

.pc_none{
	display:none !important;
}

/* フェードイン */
.fadein{
	opacity:0;
	transition:all 0.5s;
}

.fadein.second{
	-moz-transition-delay:0.6s;
	-webkit-transition-delay:0.6s;
	-o-transition-delay:0.6s;
	-ms-transition-delay:0.6s;
}

.fadein.scrollin{
	opacity:1;
}

/* 下から上へフェードイン */
.fadein_up{
	opacity:0;
	transform:translate(0px, 100px);
	transition:all 0.6s;
}

.fadein_up.scrollin{
	opacity:1;
	transform:translate(0px, 0px);
}

.fadein_up.second{
	-moz-transition-delay:0.3s;
	-webkit-transition-delay:0.3s;
	-o-transition-delay:0.3s;
	-ms-transition-delay:0.3s;
}

.fadein_up2{
	opacity:0;
	transform:translate(0px, 50px);
	transition:all 0.6s;
}

.fadein_up2.scrollin{
	opacity:1;
	transform:translate(0px, 0px);
}

.fadein_up2.second{
	-moz-transition-delay:0.3s;
	-webkit-transition-delay:0.3s;
	-o-transition-delay:0.3s;
	-ms-transition-delay:0.3s;
}


/* 上から下へフェードイン */
.fadein_down{
	opacity:0;
	transform:translate(0px, -100px);
	transition:all 0.9s;
}

.fadein_down.scrollin{
	opacity:1;
	transform:translate(0px, 0px);
}

.fadein_down.second{
	-moz-transition-delay:0.3s;
	-webkit-transition-delay:0.3s;
	-o-transition-delay:0.3s;
	-ms-transition-delay:0.3s;
}

/* 左から右へスライドイン */
.slidein_right{
	opacity:0;
	transform:translate(-100px, 0px);
	transition:all 0.9s;
}

.slidein_right.scrollin{
	opacity:1;
	transform:translate(0px, 0px);
}

/* 右から左へスライドイン */
.slidein_left{
	opacity:0;
	transform:translate(100px, 0px);
	transition:all 0.9s;
}

.slidein_left.scrollin{
	opacity:1;
	transform:translate(0px, 0px);
}

.slidein_left.second{
	-moz-transition-delay:0.3s;
	-webkit-transition-delay:0.3s;
	-o-transition-delay:0.3s;
	-ms-transition-delay:0.3s;
}

/* 画面幅768px以下
=======================================*/
@media screen and (max-width:768px){
	.sp_none{
		display:none !important;
	}

	.pc_none{
		display:block !important;
	}
}

/*wrapper{
	width:100%;
	position:absolute;
}*/

/* WordPressで使用するスタイル
=======================================*/
.alignleft {
	float: left;
}

.alignright {
	float: right;
}

.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

figure.wp-caption.alignleft,
img.alignleft {
	margin: 5px 20px 5px 0;
}

.wp-caption.alignleft {
	margin: 5px 10px 5px 0;
}

figure.wp-caption.alignright,
img.alignright {
	margin: 5px 0 5px 20px;
}

.wp-caption.alignright {
	margin: 5px 0 5px 10px;
}

img.aligncenter {
	margin: 5px auto;
}

img.alignnone {
	margin: 5px 0;
}

.wp-caption .wp-caption-text,
.entry-caption,
.gallery-caption {
	color: #220e10;
	font-size: 18px;
	font-style: italic;
	font-weight: 300;
	margin: 0 0 24px;
}

div.wp-caption.alignright img[class*="wp-image-"] {
	float: right;
}

div.wp-caption.alignright .wp-caption-text {
	padding-left: 10px;
}

img.wp-smiley,
.rsswidget img {
	border: 0;
	border-radius: 0;
	box-shadow: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

.wp-caption.alignleft + ul,
.wp-caption.alignleft + ol {
	list-style-position: inside;
}




#wrapper{
	position:relative;
}

/* マウスオーバ時に画像を半透明に（※PCのみ）
--------------------------------------------*/
@media screen and (min-width:768px){
	a:hover img {
		opacity:0.7;
		filter:alpha(opacity=70);
		-moz-opacity:0.7;
		-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;
	}
}

#bodycover{
	display:none;
	position:absolute;
	left:1px;
	top:0px;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.6);
	z-index:200;
}

/* グローバルナビ
---------------------------------------*/
div#gnavi{
	/*height:125px;*/
	text-align: center;
	background-color:#0d4746;
	box-sizing:border-box;
	z-index:200;
	line-height: 0;
	position:relative;
	padding:26px 0px;
}

div#gnavi > div{
	width: 96%;
    max-width: 1365px;
	overflow:hidden;
	margin:0 auto;
}

div#gnavi h1{
	margin-right: 30px;
	/*display:inline-block;*/
	float:left;
}

div#gnavi nav{
	float:right;
	/*display:inline-block;*/
	text-align:center;
	width: calc(100% - 283px);
}

div#gnavi nav > ul{
	overflow:hidden;
	width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

div#gnavi nav > ul > li{
	/* width:175px; */
	height:70px;
	width: calc(100% / 6);
}

div#gnavi nav > ul > li{
	border-right:1px solid #FFF;
	box-sizing:border-box;
	float:left;
}

div#gnavi nav > ul > li:first-child{
	border-left:1px solid #FFF;
}

div#gnavi nav > ul > li > a{	
	display:block;
	width:90%;
	height:100%;
	line-height:120%;
	margin:0 auto;
	padding-top:4px;
	box-sizing:border-box;
	background-image:url(../img/common/ico_navi_arrow.png);
	background-position:center bottom 4px;
	background-repeat:no-repeat;
	position:relative;
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","游ゴシック",YuGothic,"メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	font-size:17px;
	font-weight:600;
	color:#FFF;
	/*letter-spacing:1px;*/
	transition:all 0.5s ease;
}

div#gnavi nav > ul > li:hover > a{
	background-color:#FFF;
	background-image:url(../img/common/ico_navi_arrow_hover.png);
	color:#0d4746;
}

div#gnavi nav > ul > li > a span{
	font-size:12px;
	font-weight:300;
	letter-spacing:1px;
}

div#gnavi nav > ul > li ul.sub{
	position:absolute;
	overflow:hidden;
	padding-top:26px;
	/* padding-top:28px; */
}

div#gnavi nav > ul > li ul.sub li{
	display:block;
	border:none;
	line-height:30px;
	width:100%;
	min-width:240px;
	height:0px;
	overflow:hidden;
	transition:0.4s;
	opacity:0.8;
	background-color:#FFFFFF;
	text-align:left;
}

div#gnavi nav > ul > li:hover ul.sub li{
	display:block;
	overflow:visible;
	height:35px;
}

div#gnavi nav > ul > li:hover ul.sub li:first-child{
	padding-top:10px;
}

div#gnavi nav > ul > li:hover ul.sub li.categorybottom{
	height:46px;
}

div#gnavi nav > ul > li:hover ul.sub li.categorybottom:last-child{
	height:38px;
}

div#gnavi nav > ul > li ul.sub li a{
	height:auto;
	color:#0d4746;
	width:90%;
    display:block;
    margin:0 auto;
	font-size: 16px;
}

div#gnavi nav > ul > li ul.sub li a:before{
	content:">";
	color:#0d4746;
	display:inline-block;
	transform:scale(1 , 1.7);
	margin-right:6px;
}

div#gnavi nav > ul > li ul.sub li a:hover{
	font-weight:600;
}

div#gnavi nav > ul > li ul.sub li.categorybottom a{
	height:40px;
	border-bottom:1px solid #0d4746;
	box-sizing:border-box;
}

div#gnavi nav > ul > li ul.sub li.categorybottom:last-child a{
	border-bottom:none;
}

div#gnavi a#switch{
	display:none;
}

/* 画面幅1400px以下
=======================================*/
@media screen and (max-width:1400px){
	div#gnavi nav > ul > li{
		width:175px;
		height:70px;
	}
}
/* 画面幅1280px以下
=======================================*/
@media screen and (max-width:1280px){
/* @media screen and (max-width:1365px){ */
	div#gnavi{
		/* height: 185px; */
		padding: 15px 0px;
	}

	div#gnavi > div{
		width:96%;
	}

	div#gnavi h1{
		display:block;
		float:none;
		margin-right: 0;
		margin-bottom: 15px;
	}

	div#gnavi nav{
		display:block;
		/*width:1050px;*/
		max-width:auto;
		width: 100%;
		margin:0 auto;
		float:none;
	}

	div#gnavi nav > ul > li{
		width:16.6%;
	}

	div#gnavi nav > ul > li ul.sub{
		padding-top:15px;
	}
}

/*@media screen and (max-width:980px){
	div#gnavi nav > ul > li:nth-child(1){ width:16%; }
	div#gnavi nav > ul > li:nth-child(2){ width:15%; }
	div#gnavi nav > ul > li:nth-child(3){ width:17%; }
	div#gnavi nav > ul > li:nth-child(4){ width:17%; }
	div#gnavi nav > ul > li:nth-child(5){ width:14%; }
	div#gnavi nav > ul > li:nth-child(6){ width:14%; }
}*/

@media screen and (max-width:1000px){

	/* div#gnavi nav{
		width: 94%;
	} */
	div#gnavi nav > ul > li{
		height:65px;
	}
	div#gnavi nav > ul > li > a{
		font-size:14px;
	}
}

@media screen and (max-width:820px){
	div#gnavi nav > ul > li:last-of-type > a{
		font-size:13px;
	}
}

/* 画面幅768px以下
=======================================*/
@media screen and (max-width:768px){
	div#gnavi{
		width:100%;
		height:70px;
		padding:10px 20px;
		text-align: left;
	}

	div#gnavi h1{
		padding-top:4px;
		margin-right:0;
		width: 180px;
	}
	
	div#gnavi h1 a {
		width: 100%;
	}
	
	div#gnavi h1 a img{
		/* height:50px;
		width:auto; */
		width: 100%;
		height: auto;
		backface-visibility: hidden;
	}
	
	div#gnavi nav{
		display:none;
	}
	
	div#gnavi a#switch{
		display:block;
		position:fixed;
		top:12px;
		right:14px;
	}
	
	div#gnavi a#switch img{
		width:46px;
		height:46px;
	}
	/* ページTOPボタン
	---------------------------------------*/
	/*#switch_top{
		position:fixed;
		bottom:14px;
		right:16px;
		display:block;
	}

	#switch_top img{
		width:50px;
		height:50px;
	}*/
	
}



/* 画面幅480px以下
=======================================*/
@media screen and (max-width:480px){
	div#gnavi > div{
		margin:0;
	}
	div#gnavi h1{
		padding-top:9px;
		width: 140px;
	}
}

/* Wordpress投稿用
=======================================*/
img.left{
	float:left;
	margin-right:10px;
}

img.right{
	float:right;
	margin-left:10px;
}


/* コンテンツ
---------------------------------------*/
article div#content_wrapper{
	width:100%;
}

article div#content_wrapper section{
	width:100%;
}

/* 画面幅1000px以下
=======================================*/
@media screen and (max-width:1000px){
	article div#content_wrapper section{
		padding-top:0;
	}
}

/* 画面幅768px以下
=======================================*/
@media screen and (max-width:768px){

	article div#content_wrapper section > div{
		padding-left:5% !important;
		padding-right:5% !important;
		box-sizing:border-box;
	}
}

/* コンテンツヘッダー
---------------------------------------*/
article header{
	height:450px;
	position:relative;
	overflow:hidden;
	margin-bottom:20px;
}

article header div.bg{
	height:290px;
	width:100%;
	background-size:cover;
	background-position:center top;
	background-repeat:no-repeat;
	position:absolute;
	top:0;
}

article header img.decorate{
	position:absolute;
	top:0;
	right:0;
	opacity:0.87;
}

article header div.title{
	width:1000px;
	margin:310px auto 0 auto;
	padding:0px 20px;
	position:relative;
	z-index:20;
	font-size:50px;
	font-weight:600;
	color:#0d4746;
	line-height:120%;
	box-sizing:border-box;
	/* text-shadow: 2px 2px 2px #FFFFFF, -2px 2px 2px #FFFFFF, 2px -2px 2px #FFFFFF, -2px -2px 2px #FFFFFF; */
	letter-spacing: 1px;

	display: flex;
    justify-content: flex-start;
    align-items: baseline;
}

article header div.title img.title_pc{
	display:block;
}
article header div.title img.title_sp{
	display:none;
}
article header div.title h1{
	order: 1;
}
article header div.title span{
	font-size:15px;
	font-weight:600;
	line-height:100%;
	/* text-shadow: 1px 1px 1px #FFFFFF, -1px 1px 2px #FFFFFF, 1px -1px 2px #FFFFFF, -1px -1px 2px #FFFFFF; */
    order: 2;
    margin-left: 20px;
}

article header div.title small{
	font-size:20px;
    display:inline-block;
    position:relative;
    top:-16px;
}

article header div.title small::before{
	content:"―";
	margin-right:10px;
}

article header div.title small::after{
	content:"―";
	margin-left:10px;
}


/* 画面幅1920px以上
=======================================*/
@media screen and (min-width:1920px){
	article header{
		background-size:auto 290px;
		background-position:center top;
		background-repeat:no-repeat;
		height:410px;
		position:relative;
	}
}

/* 画面幅1300px以下
=======================================*/
@media screen and (max-width:1300px){
	article header img.decorate{
		right:-120px;
	}
}

/* 画面幅1250px以下
=======================================*/
@media screen and (max-width:1250px){
	article header{
		width:100%;
	}
}

/* 画面幅1024px未満
=======================================*/
@media screen and (max-width:1024px){
	article header{
		width:100% !important;
	}
	
	article header img.decorate{
		display:none;
	}
}

/* 画面幅768px以下
=======================================*/
@media screen and (max-width:768px){
	article header{
		height:290px;
		width:100%;
	}
	
	article header div.title{
		width:100%;
		margin-top:100px;
		display: block;
	}
	article header div.title span{
		margin-left: 0;
	}
	article header{
		margin-bottom:40px;
	}

}

/* 画面幅480px以下
=======================================*/
@media screen and (max-width:480px){
	article header{
		height:140px;
	}
	
	article header div.bg{
		height:140px;
	}
	
	article header div.title{
		margin-top:10px;
	}
	
		
	article header div.title{
		padding:10px 20px;
		font-size:30px;
	}
	
	article header div.title img.title_pc{
		display:none;
	}

	article header div.title img.title_sp{
		display:block;
		margin-top:25px;
	}

	article header div.title small{
		font-size:15px;
	}
}

/* バナー
---------------------------------------*/

/* バナースライド
---------------------------------------*/
article div#content_wrapper aside div.slider{
	display:none;
}

article div#content_wrapper aside > ul{
	width:100%;
	max-width: 900px;
	margin:0 auto;
	overflow:hidden;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

article div#content_wrapper aside > ul li{
	/* float:left; */
	width:33%;
	/* margin-right:8%; */
}

article div#content_wrapper aside > ul li img{
	width:100%;
	backface-visibility: hidden;
}

/* 画面幅1280px未満
=======================================*/
@media screen and (max-width:1280px){
	article div#content_wrapper aside > ul{
		width:80%;
		margin:0 auto;
		overflow:hidden;
	}
}

/* 画面幅768px未満
=======================================*/
@media screen and (max-width:768px){
	/* article div#content_wrapper aside > ul li{
		width:30%;
		margin-right:5%;
	} */
	
	article div#content_wrapper aside > ul{
		width:80%;
		margin:0 auto;
		overflow:hidden;
	}
}

/* 画面幅650px未満
=======================================*/
@media screen and (max-width:650px){
	article div#content_wrapper aside > ul{
		width:90%;
	}
}


/* 画面幅480px未満
=======================================*/
@media screen and (max-width:480px){
	article div#content_wrapper aside div.slider{
		padding:0 5%;
		box-sizing:border-box;
		display:block;
	}

	article div#content_wrapper aside div.slider a{
		display:block;
		margin:0 15px;
	}

	article div#content_wrapper aside div.slider a img{
		width:100%;
	}

	article div#content_wrapper aside div.slider .slick-prev{
		left:10px;
	}

	article div#content_wrapper aside div.slider .slick-next{
		right:10px;
	}

	article div#content_wrapper aside div.slider .slick-prev,
	article div#content_wrapper aside div.slider .slick-next{
		top:50%;
	}

	article div#content_wrapper aside div.slider .slick-prev:before, 
	article div#content_wrapper aside div.slider .slick-next:before{
		opacity:1;
		color:#4C4C4C;
	}
	
	article div#content_wrapper aside > ul{
		display:none;
	}
}


article div#content_wrapper aside{
	padding:45px 0;
	width:100%;
	height:100%;
	color:#0d4746;
}

article div#content_wrapper aside a{
	color:#0d4746;
}

article div#content_wrapper aside > div{
	width:980px;
	margin:0 auto;
	overflow:hidden;
}

article div#content_wrapper aside > div > p{
	float:left;
	width:calc(100% - 490px);
	font-size:24px;
	font-weight:600;
	line-height:165%;
}

article div#content_wrapper aside > div > p br.br1{
	display:none;
}

article div#content_wrapper aside > div > div{
	overflow:hidden;
	float:right;
	width:470px;
}

article div#content_wrapper aside > div > div > div{
	overflow:hidden;
}

article div#content_wrapper aside > div > div > div:nth-child(2){
	margin-top:10px;
}

article div#content_wrapper aside > div > div > div > a[href^="tel:"]{
	float:left;
	display:block;
	height:28px;
	line-height:100%;
	font-size:27px;
	font-weight:600;
	letter-spacing:2px;
}

article div#content_wrapper aside > div > div > div > a[href^="tel:"] span{
	font-size:24px;
	font-weight:300;
}

article div#content_wrapper aside > div > div > div > span.hour{
	float:left;
	display:block;
	height:23px;
	line-height:180%;
	font-size:16px;
	font-weight:300;
	margin-left:10px;
}

article div#content_wrapper aside > div > div > div a.contact{
	float:left;
	display:block;
	width:323px;
	border:2px solid #0d4746;
	padding:10px 0;
	border-radius:6px;
    -webkit-border-radius:6px;  
    -moz-border-radius:6px;
	font-size:16px;
	font-weight:600;
	text-align:center;
	line-height:120%;
	transition:all 0.5s;
	box-sizing:border-box;
}

/* 画面幅320px未満（iphone5s用）
=======================================*/
@media screen and (max-width:320px){
	article div#content_wrapper aside > div > div > div a.contact{
		font-size:14px;
	}
}

article div#content_wrapper aside > div > div > div a.contact:hover{
	background-color:#0d4746;
	color:#FFF;
}

article div#content_wrapper aside > div > div > div a.facebook{
	float:left;
	display:block;
	width:118px;
	overflow:hidden;
	margin-left:20px;
}

article div#content_wrapper aside > div > div > div a.facebook img{
	float:left;
}

article div#content_wrapper aside > div > div > div a.facebook span{
	float:left;
	font-size:12px;
	line-height:130%;
	display:block;
	width:calc(100% - 51px);
	margin:5px 0 0 10px;
}

article div#content_wrapper div.submenu{
	text-align:center;
	margin-bottom:10px;
}

article div#content_wrapper div.submenu > a img{
	margin-bottom:20px;
}

article div#content_wrapper div.submenu ul li:nth-child(1){
	margin-left:45px;
}

article div#content_wrapper div.submenu ul li {
	display:inline-block;
	margin-left:20px;
}

article div#content_wrapper div.submenu ul li a{
	color:black;
	font-size:14px;
}

article div#content_wrapper div.submenu ul li:before{
	content:"■";
	font-size:20px;
	color:black;
	vertical-align:middle;
}

article div#content_wrapper div.submenu ul li a:hover{
	text-decoration:underline;
}

@media screen and (max-width:980px){
	article div#content_wrapper aside > div{
		width:522px;
	}

	article div#content_wrapper aside > div > p{
		float:none;
		width:100%;
		margin:0 auto;
		font-size:22px;
		text-align:center;
	}

	article div#content_wrapper aside > div > p br{
		display:none;
	}

	article div#content_wrapper aside > div > p br.br1{
		display:inline;
	}

	article div#content_wrapper aside > div > div{
		float:none;
		width:100%;
		margin:0px auto 0 auto;
	}

	article div#content_wrapper aside > div > div > div > a[href^="tel:"]{
		margin-left:36px;
	}

	article div#content_wrapper aside > div > div > div > span.hour{
		margin-left:20px;
	}

	article div#content_wrapper aside > div > div > div a.contact{
		width:auto;
		padding:10px 34px;
	}
}

@media screen and (max-width:768px){
	article div#content_wrapper aside{
		padding:40px 0;
	}
}

@media screen and (max-width:540px){
	article div#content_wrapper aside > div{
		/*width:96%;*/
		width:90%;
	}

	article div#content_wrapper aside > div > p{
		font-size:16px;
		text-align:center;
	}

	article div#content_wrapper aside > div > div > div > a[href^="tel:"]{
		float:none;
		width:100%;
		text-align:center;
		margin-left:0;
	}

	article div#content_wrapper aside > div > div > div > span.hour{
		float:none;
		width:100%;
		margin:10px auto 0 auto;
		text-align:center;
	}

	article div#content_wrapper aside > div > div > div a.contact{
		float:none;
		width:100%;
		padding:10px 0;
	}

	article div#content_wrapper aside > div > div > div a.facebook{
		float:none;
		width:170px;
		margin:10px auto 0 auto;
	}

	article div#content_wrapper aside > div > div > div a.facebook span{
		height:41px;
		line-height:41px;
		width:auto;
		margin-top:0;
	}
}

@media screen and (max-width:360px){
	article div#content_wrapper aside > div > div > div a.contact{
		font-size:15px;
	}
}

@media screen and (max-width:330px){
	article div#content_wrapper aside > div > div > div a.contact{
		font-size:14.5px;
	}
}

/* 画面幅768px未満
=======================================*/
@media screen and (max-width:768px){
	article div#content_wrapper div.submenu ul{
		display:none;
	}
}

@media screen and (max-width:440px){
	article div#content_wrapper div.submenu > a img{
		width:90%;
	}
}

/* フッター
---------------------------------------*/
article div#content_wrapper footer{
	width:100%;
	height:200px;
	background-color:#0d4746;
	background-image:url(../img/common/bg_footer_left.png);
    background-repeat:no-repeat;
    background-position:0 0;
	text-align:center;
	padding-top:57px;
	box-sizing:border-box;
}

article div#content_wrapper footer img{
	margin-bottom:30px;
}

/* 画面幅1024px未満
=======================================*/
@media screen and (max-width:1024px){
	article div#content_wrapper footer{
		width:100% !important;
	}
}


/* 画面幅768px未満
=======================================*/
@media screen and (max-width:768px){
	article div#content_wrapper footer{
		height:auto;
		width:100%;
		background-image:none;
		padding:12px 0;
		/*margin-top:40px;*/
	}

	article div#content_wrapper footer img{
		display:none;
	}
}

/* slidenavi
---------------------------------------*/
#slidenavi{
	width:55%;
	height:auto;
	color:#FFF;
	float:right;
	display:none;
	position:absolute;
	background-color:#FFF;
	right:-85%;
}


#slidenavi #switch_close{
	position:absolute;
	left:-54px;
	top:0px;
	padding-top:14px;
}

#slidenavi #switch_close img{
	width:44px;
	height:44px;
}
	
#slidenavi nav,
#slidenavi nav > ul,
#slidenavi nav ul li.parent{
	width:100%;
	height:auto;
}

#slidenavi nav{
	border-left:5px solid #0d4746;
	position:relative;
	padding-bottom:20px;
	box-sizing:border-box;
	min-height:640px;
}
			
#slidenavi nav ul li.parent{
	float:none;
	z-index:10;
	font-size:0;
	border-bottom:1px solid #BDC7C7;
	background-image:url('../img/common/ico_arrow_right_blue.png');
	background-repeat:no-repeat;
	background-position:98% center;
	min-height:50px;
}
		
#slidenavi nav ul li.parent a{
	width:100%;
	font-size:14px;
	height:50px;
	line-height:50px;
	display:block;
	color:#0d4746;
	padding-left:14px;
	box-sizing:border-box;
}
	
#slidenavi nav ul li.parent ul{
	position:relative;
	width:100%;
	top:0;
	z-index:0;
	display:none;
}
	
#slidenavi nav ul li.parent ul li{
	background-color:#EAE6E3;
	border-bottom:1px solid #BDC7C7;
	text-align:left;
}

#slidenavi nav ul li.parent ul li:first-child{
	border-top:1px solid #BDC7C7;
}
	
#slidenavi nav ul li.parent ul li a{
	padding-left:30px;
	background-color:transparent;
}

#slidenavi nav a#close{
	width:100%;
	height:50px;
	line-height:50px;
	margin:0 auto;
	display:block;
	text-align:center;
	color:#0d4746;
	box-sizing:border-box;
	border-bottom:1px solid #BDC7C7;
}

#slidenavi nav a#close span{
	display:inline-block;
	position:relative;
	margin:0 20px;
	padding:0;
	width:1px;
	height:20px;
	background:#0d4746;
	transform:rotate(45deg);
	top:4px;
}

#slidenavi nav a#close span:before{
	display:block;
	content:"";
	position:absolute;
	top:50%;
	left:-9px;
	width:20px;
	height:1px;
	margin-top:-1px;
	background:#0d4746;
}

#slidenavi nav a.contact{
	display:block;
	margin: 20px auto;
	width:300px;
	height:45px;
	line-height:40px;
	text-align:center;
	color:#0d4746;
	font-size:14px;
	border:3px solid #0d4746;
	border-radius:6px;
    -webkit-border-radius:6px;  
    -moz-border-radius:6px;
	box-sizing:border-box;
	transition:all 0.5s;
}

#slidenavi nav a.contact:hover{
	background-color:#0d4746;
	color:#FFF;
}

#slidenavi nav a br{
	display:none;
}

#slidenavi nav > a[href^="tel:"]{
	display:block;
	width:100%;
	text-align:center;
	font-size:30px;
	font-weight:600;
	color:#0d4746;
}

#slidenavi nav > a[href^="tel:"] span{
	font-weight:300;
}

#slidenavi nav p{
	width:100%;
	font-size:14.5px;
	text-align:center;
	color:#0d4746;
	margin-top:10px;
}

@media screen and (max-width:600px){
	#slidenavi{
		width:65%;
	}
	
}

@media screen and (max-width:520px){
	#slidenavi{
		width:75%;
	}
	
}

@media screen and (max-width:480px){
	#slidenavi nav a.contact{
		height:auto;
		line-height:135%;
		font-size:17px;
		padding:6px 0;
		border-radius:10px;
		-webkit-border-radius:10px;  
		-moz-border-radius:10px;
	}

	#slidenavi nav a br{
		display:inline;
	}
	
	#slidenavi{
		width:87%;
	}
}

@media screen and (max-width:380px){
	#slidenavi nav a.contact{
		/*font-size:13px;*/
		width:90%;
	}

	#slidenavi nav > a[href^="tel:"]{
		font-size:29px;
	}
}

@media screen and (max-width:370px){
	/*#slidenavi nav a.contact{
		font-size:12px;
	}*/

	#slidenavi nav > a[href^="tel:"]{
		font-size:28px;
	}
}

@media screen and (max-width:350px){
	/*#slidenavi nav a.contact{
		font-size:11.5px;
	}*/

	#slidenavi nav > a[href^="tel:"]{
		font-size:26px;
	}
	#slidenavi nav ul li.parent a{
		font-size:13.5px;
	}
}

/* 画面幅350px未満
=======================================*/
@media screen and (max-width:350px){
	/*リフォームリノベーションが長くて改行されたからそれ用の記述だった？
	#slidenavi nav ul li.parent:nth-child(3) a{
		height: auto;
		line-height: 25px;
		padding-top: 8px;
		padding-bottom: 8px;
	}
	*/
}

/* 問い合わせフォームへのリンクボタン
---------------------------------------*/
div#contact{
	width:50px;
	height:190px;
	position:fixed;
	top:24%;
	right:0;
    overflow:hidden;
	text-align:center;
	z-index:100;
	background-color: #fff;
}
div#contact a{
	display: block;
	height: 100%;
	width: 100%;
	transition:all 0.5s ease;
	background-color: #0d4746;
}
div#contact a:hover{
	opacity: 0.7;
    filter: alpha(opacity=70);
}
div#contact div.inner{
	box-sizing:border-box;
	width:100%;
	height:100%;
	margin:0 auto;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-direction: column;
}
div#contact div.inner img{
    margin-bottom: 12px;
    margin-top: 14px;
}

div#contact div.inner p{
	color:#FFF;
	font-size:17px;
	font-weight: 600;
	letter-spacing:1px;
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","游ゴシック",YuGothic,"メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	z-index:100;
	writing-mode:vertical-rl;
	-ms-writing-mode:tb-rl;
	-webkit-writing-mode:vertical-rl;
}

div#catalog{
	width:50px;
	height:190px;
	position:fixed;
	top:calc(24% + 210px);
	right:0;
    overflow:hidden;
	text-align:center;
	z-index:100;
	background-color: #fff;
}
div#catalog a{
	display: block;
	height: 100%;
	width: 100%;
	transition:all 0.5s ease;
	background-color: #0d4746;
}
div#catalog a:hover{
	opacity: 0.7;
    filter: alpha(opacity=70);
}

div#catalog div.inner{
	box-sizing:border-box;
	width:100%;
	height:100%;
	margin:0 auto;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-direction: column;
}
div#catalog div.inner img{
    margin-bottom: 12px;
    margin-top: 14px;
}

div#catalog div.inner p{
	color:#FFF;
	font-size:17px;
	font-weight: 600;
	letter-spacing:1px;
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","游ゴシック",YuGothic,"メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	z-index:100;
	writing-mode:vertical-rl;
	-ms-writing-mode:tb-rl;
	-webkit-writing-mode:vertical-rl;
}
/* 画面幅768px未満
=======================================*/
@media screen and (max-width:768px){
	div#contact{
		display: none;
	}
	div#catalog{
		display: none;
	}
}

/* ページTOPボタン
---------------------------------------*/
#pagetop{
	position:fixed;
	bottom:14px;
	right:16px;
	display:none;
}