@charset "utf-8";
@media screen and (max-width: 731px) {
	
	/*■■■■■ 大枠　■■■■■*/
	#container,main{
		width:100%;
		float: none;
	}
	/*----- 見出し -----*/
   h1,h2,h3,h4,h5,h6{
        text-align: left;
		font-size: 110%;
    }
	/*----- ul ol -----*/
	article ul{
    padding: 2%;
	}
	article ol li{
  margin: 7px 0 7px 40px;
}
	/*■■■■■ top page　■■■■■*/
	/*----- header -----*/
	#head{
		width:96%;
		margin: 2%;
	}
	#head-frame{
		width: 100%;
	}
	.head-title a,
	.iPage .head-title a{
		width:100%;
		font-size: 110%;
	transform: rotate(0deg);
	}
	.head-copy,
	.iPage .head-copy{
		width:100%;
		font-size: 90%;
	transform: rotate(0deg);
	}
	.iPage{
		padding: 0;
		position: static;
	}
	/*----- slider -----*/
	#mainvisual-frame{
		width:100%;
		height: auto;
	}
	.bx-wrapper .bx-prev,
	.bx-wrapper .bx-next{
		background:none;
	}
	/*----- 本文 -----*/
	.index-sec{
		width: 96%;
		margin: 0 2% 4%;
	}
	/*----- 下層リンク -----*/
	#R-frame {
		width:96%;
		margin: 0 2%;
	}
	.news-sec > div{
	width:100%;
	float: none;
	}
	.news-sec h2{
	font-size: 120%;
	margin-bottom: 10px;
	}
	.news-sec img{
	float: none;
	width:100%;
	margin-right: 0;
	}
	/*----- おすすめ -----*/
	.recommend-sec {
		width:auto;
	margin: 2em 2%;
	border: solid 5px #FFF;
	}
	/*----- footer -----*/
	#foot-frame{
		padding: 0;
	}
	#foot-frame ul{
		width: 100%;
		padding: 0;
		display: inline-block;
	}
	#foot-frame li,
	.foot-copy{
		width: 100%;
		text-align: center;
		float: none;
	}
	
	#foot-frame dl{
		width: 96%;
		margin: 0 2%;
		padding: 20px 0;
		display: inline-block;
		line-height: 2em;
	}
	#foot-frame dt{
		width: 100%;
		font-size: 100%;
	}
	#foot-frame dd{
		line-height: 3em;
		font-size: 100%;
		width: 100%;
		float: none;
	}
	#foot-frame dd a:hover{
		background: #593118;
	}
	#foot-frame dt:after,
	#foot-frame dd a:after{
		display: none;
	}
    /*----- nav -----*/
	#bc-topNav ul{
	width:100%;
	margin: 0 auto;
}
    #head-topNav,
    #side-frame{
        display: none;
    }
    .slicknav_menu {
        display: block;
        padding: 0;
        background: #221E1F;
		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: #FFF;
		color: #FAC014;
    }
    .slicknav_nav a:hover {
         background: #593118;
        color: #FAC014;
		border-radius: 0;
    }
	.sticky {
    position: fixed;
    top: 0;
    z-index: 100;
    width: 100%;
  }  
    /*----- sns -----*/
	#sns-frame dt {
	font-size: 110%;
	padding: 0.5em 0;
	}
    #sns-frame dd a {
        display: block;
        width: 90%;
        margin: 0 auto 10px;
    }
	#sns-frame dd {
    width: 47%;
	}
	#sns-frame dd .fa-twitter{
		width: 1em;
		height: 1em;
		overflow: hidden;
	}
}