@charset "utf-8";
@media screen and (max-width: 655px) {
	body {
		overflow-x: hidden;
	}
	/*■■■■■ 大枠　■■■■■*/
	#ccc,main{
		width:100%;
		float: none;
	}
	/*----- 見出し -----*/
   h1,h2,h3,h4,h5,h6{
        text-align: left;
		font-size: 110%;
    }
	.hhh-ttl a{
		padding: 5px 0 0;
		/* font-size: 110%;*/
	}
	/*----- ul ol -----*/
	article ul{
    padding: 2% 0;
	}
	article ol li{
		margin: 7px 0 7px 40px;
	}
	/*■■■■■ top page　■■■■■*/
	/*----- header -----*/
	#hhh-area{
		width: 100%;
	}
	/*----- slider -----*/
	#vvv-area{
		width:100%;
		height: auto;
	}
	.grad{
	display: none;
	}
	.bx-wrapper .bx-prev,
	.bx-wrapper .bx-next{
		background:none;
	}
	/*----- 本文 -----*/
	.iii-box{
		width: 96%;
		margin: 0 2% 4%;
		padding: 10px;
	}
	/*----- 下層リンク -----*/
	.lll-col{
		display: inline-block;
	}
	.lll-col article{
		width: 96%;
		margin: 0 2% 4%;
	}
	/*----- footer -----*/
	#fff-area{
		padding: 0;
	}
	#fff-area ul{
		width: 100%;
		padding: 0;
		display: inline-block;
	}
	#fff-area li,
	.fff-copy{
		width: 100%;
		text-align: center;
		float: none;
	}

	#fff-area dl{
		width: 96%;
		margin: 0 2%;
		padding: 0;
		display: inline-block;
		line-height: 2em;
	}
	#fff-area dt{
		width: 100%;
		font-size: 100%;
	}
	#fff-area dd{
		line-height: 3em;
		font-size: 100%;
		margin: 0;
		width: 100%;
		float: none;
	}
	#fff-area a:before{
		display: none;
	}
    /*----- nav -----*/
    #hhh-bar,
    #bbb-area{
        display: none;
    }
    .slicknav_menu {
        display: block;
        padding: 0;
        background: #333;
		padding: 0.5em;
    }
    .slicknav_nav ul {
        margin: 0;
    }
    .slicknav_menu a {
        padding: 0;
        margin: 0;
    }
    .slicknav_menu img {
		display: none;
    }
    .slicknav_nav a{
        padding: 5px 15px;
		border-radius: 0;
        background: #E0E1E5;
		color: #333;
    }
    .slicknav_nav a:hover {
         background: #ff2688;
        color: #fff;
		border-radius: 0;
    }
	.sticky {
    position: fixed;
    top: 0;
    z-index: 100;
    width: 100%;
  }
    /*----- sns -----*/
    #nnn-area dd a {
        display: block;
        width: 90%;
        margin: 0 auto 10px;
    }
	#nnn-area dd {
    width: 50%;
    margin: 0;
	}
	#nnn-area dd .fa-twitter{
		width: 1em;
		height: 1em;
		overflow: hidden;
	}
}