/* CSS Document */

/*PCサイズで表示・非表示*/
@media (min-width:600px){
    #header_320{
        display: none;
    }
	#top_mainvisual img#main-sp{
	display: none;
	}
}

/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

-----------小さい画面でのハンバーガーメニュー-----------

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/

#ham-menu {
    background-color: #666; /*メニュー背景色*/
    box-sizing: border-box;
    height: 100%;
    padding: 10px 5px; /*メニュー内部上下左右余白*/
    position: fixed;
    right: -260px; /*メニュー横幅①と合わせる*/
    top: 0;
    transition: transform 0.3s linear 0s; /*0.3s は変化するのにかかる時間*/
    width: 260px; /*メニュー横幅①*/
    z-index: 2000;
	/*----↓追加---------*/
	-webkit-transition: all 1s ease;
	transition: all 1s ease;	
	/*----↑追加---------*/
}

#ham-menu li{
	font-size: 0.75rem;/*12*/
	line-height: 1rem;
	padding-top: 1rem;
	padding-left: 1rem;
	list-style: none;
}
#ham-menu li a{
	font-size: 1rem;
	display: block;
	color: #fff;
	border-bottom: solid 1px #fff;
	padding-bottom: 1rem;
}

#ham-menu li a:link{/*未訪問*/
	}
#ham-menu li a:visited{/*訪問済み*/
	}
#ham-menu li a:hover{/*マウスが載っているとき*/
    color: #cacbd7;
	}

#ham-menu li a:active{/*アクティブの時*/
}
.ham-memu-tel{
	font-size: 1.125rem;/*18*/
	line-height: 2rem;
	font-weight: bold;
}
/*透過背景部分*/
#menu-background {
    background-color: #333; /*黒背景部分背景色*/
    display: block;
    height: 100%;
    opacity: 0;
    position: fixed;
    right: 0rem;
    top: 0;
    transition: all 0.3s linear 0s; /*0.3s は変化するのにかかる時間*/
    width: 100%;
    z-index: -1;
}

li#navi_contact2 a img{
	vertical-align: middle;
	margin-left: 10px;
}
li#navi_contact2 a span{
	vertical-align: middle;
}


/*メニューアイコン部分は疑似要素で*/

/*-----↓修正-------*/
/*#ham-menu:before {*/
.js-Toggle_Button {
/*-----↑修正-------*/
	padding-right: 0.5rem;
	padding-left: 0.5rem;
	background-color: #fff;/*ボタン部分背景色*/
    border-radius: 0 0 0 10px; /*左下角丸*/
    color: #00a040; /*アイコン（フォント）色*/
    content: "≡"; /*メニューアイコン*/
    display: block;
    font-size: 3rem; /*アイコン（フォント）サイズ*/
    height: 3rem;
    line-height: 3rem; /*縦位置中央化*/
    position: absolute;
    right: 100%;
    text-align: left;
    top: 0px;
    /*----↓修正---------*/
	width: 40px;
	width: 60px;
	/*----↑修正---------*/
}

/*----↓追加---------*/
	.js-Open {
	right: 0 !important;
	}
/*----↑追加---------*/


.w1200 p{
	line-height: 1.5rem;
	margin-bottom: 0.5rem;
	margin-top: 0;
	}
	
p.clear-link{
	text-align: right;
}



/*スマホサイズで非表示*/
@media (max-width:599px){
    #header_768{
        display: none;
    }
	#header_h1-tel h1,#header_h1-tel address{
	display: none;
	}
	#top_mainvisual img#main-pc{
	display: none;
	}
	
	
.rental-kizai th,.rental-kizai td {
	display: block;
	width: auto;
	border-bottom: none;
	}
.rental-kizai tr:last-child {
	border-bottom: 1px solid #aaa;
	}
	
	

/*　全部　*/
body {
	border-top: solid 6px #00a040;
	margin: 0 5px;
	padding: 0 5px;
	font-family: "Helvetica Neue",
    Arial,
    "Hiragino Kaku Gothic ProN",
    "Hiragino Sans",
    Meiryo,
    sans-serif;

}

/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

-----------　contents　-----------

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/

#header_logo-navi{
	max-width: 1340px;
	margin: auto;
	display: flex;
	justify-content: space-between;
}
img#logo{
	height: auto;
	max-width: 70%;
	margin: 0.5rem 0 0.5rem 2%;
}


article#top_mainvisual{ /* メイン画像 */
	width: 100%;/*max-width599に合わせたいけど、画像の幅が500だった。後で直す。*/
	margin: auto;
}
	

p#top-main-text{
	text-align: center;
	font-weight: 500;
	font-size: 1.6rem;
	line-height: 2rem;
	font-family: serif;
	margin-bottom: 2.5rem;
	letter-spacing: 0.1rem;
}
	

/*　お知らせ　*/
h2{
	margin: auto;
	font-size: 1.1rem;
	padding: 0 2%;
}
.w1200 p{
	text-align: left;
	font-size: 0.8rem;
	line-height: 1.4rem;
}
.w1200 p.clear-link{
	text-align: right;
	margin-right: 1.5rem;
}


/*　　背景グレー-レンタル機　*/
.w1200_flex{ /* 幅1200のコンテナ*/
	display: flex;
	flex-direction: column;
	justify-content: center;
/*	max-width: 1200px;
*/	margin: auto;
}
.kizai{
	-webkit-box-flex: 0;
	-ms-flex-positive: 0;
    flex-grow: 0;
	width: 80%;
	margin: auto;
  }
  
  
 /*　背景白-リンク　*/
 #link-box{

	display: flex;
	flex-direction: column;
	justify-content: center;
}
#link-box a{
	text-align: center;
	margin: auto;
}


/*　フッター　*/
article#footer-box{
	margin: auto;
	display: flex;
	flex-direction: column;
	justify-content: center;

}
.box-a{
	flex: 2;
	font-size: 1.6rem;
	font-weight: bold;
	margin-left: 0;
	display: flex;
	flex-direction: column;
}
.box-b{
	flex: 1;
	background-color: #00a040;
	margin: auto 5%;
	flex-basis: auto;
}