@charset "utf-8";
.other_wrap a{
	color: #000;
	text-decoration: none;
}
/*-----ここからPC用の広さ（幅952px以上）のときのスタイル-----*/
@media screen and (min-width : 952px) {
	/*ここからトップページのメインコンテンツのスタイル*/
	main h2,main p{
		width: 952px;
		margin-left: auto;
		margin-right: auto;
	}
	main h2 {
		margin-top: 50px;
		padding-bottom: 16px;
		color: #990000;
		font-family: 'RocknRoll One', sans-serif;
	}
	main p{
		margin-bottom: 50px;
	}
	/*ここから新着情報のスタイル*/
	#whatsnew h3 {
		border-bottom-width: 2px;
		border-bottom-style: solid;
		border-bottom-color: #FF9900;
	}
	#whatsnew {
		width: 952px;
		box-sizing: border-box;
		margin-left: auto;
		margin-right: auto;
		overflow: auto;
		border: 1px solid #9999ff;
		padding: 10px;
		margin-top: 20px;
		height: 300px;
		margin-bottom: 50px;
	}
	#whatsnew dl {
		padding-left: 10px;
	}
	#whatsnew dd {
		padding-bottom: 16px;
	}
	/*ここまで新着情報のスタイル*/

	/*ここからSNSのスタイル*/
	#sns {
		background-color: #fff3af;
	}
	#sns ul{
		width: 952px;
		margin-left: auto;
		margin-right: auto;
		display: flex;
		padding-top: 20px;
	}
	#sns li:first-child,#sns li:nth-child(2){
		width:340px;
		padding-right: 20px;
	}
	.fb_wrap{
		width:340px;
	}
	#sns h4{
		margin-bottom: 15px;
	}
	.other_wrap{
		display: flex;
		margin-bottom: 10px;
	}
	.img2{
		width: 50px;
		height: 50px;
		margin-right: 10px;
	}
	/*ここまでSNSのスタイル*/

	/*ここからリンクフリー文のスタイル*/
	.linkfree {
		padding-top: 30px;
		background-color: #c7c7ff;
		text-align: center;
	}
}
/*-----ここまでPC用の広さ（幅952px以上）のときのスタイル-----*/

/*-----ここからタブレット以下の広さ（幅951px以下）のときのスタイル-----*/
@media screen and (max-width: 951px) {
	.slicknav_menu li span{
		display: none;
	}
	img{
		max-width:100%;
		height:auto;
	}
	
	main h2 {
		margin-top: 50px;
		padding-bottom: 16px;
		padding-left: 15px;
		padding-right: 15px;
		color: #990000;
		font-family: 'RocknRoll One', sans-serif;
	}
	main p{
		margin-bottom: 50px;
		padding-left: 10px;
		padding-right: 10px;
	}
	/*ここから新着情報のスタイル*/
	#whatsnew h3 {
		border-bottom-width: 2px;
		border-bottom-style: solid;
		border-bottom-color: #FF9900;
		margin-bottom: 10px;
	}
	#whatsnew {
		box-sizing: border-box;
		overflow: auto;
		padding: 10px;
		margin-top: 20px;
		height: 300px;
		margin-bottom: 50px;
	}
	#whatsnew dl {
		padding-left: 10px;
	}
	#whatsnew dd {
		padding-bottom: 16px;
	}
	/*ここまで新着情報のスタイル*/

	/*ここからSNSのスタイル*/
	#sns {
		background-color: #fff3af;
		padding-left: 10px;
		padding-right: 10px;
	}
	#sns ul{
		list-style: none;
		display: flex;
		padding-top: 20px;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	#sns li{
		width:47%;
		margin-bottom: 40px;
	}
	
	#sns h4{
		margin-bottom: 15px;
	}
	
	.fb_wrap{
		width: 100%;
	}
	.instagram-media{
		width:47%;
		height:540px;
		overflow: hidden;
	}
	#sns li.other_sns_box{
		width:100%;
		display: flex;
	}
	.other_wrap{
		display: flex;
		margin-right: 50px;
	}
	#sns li.other_sns_box h4{
		margin-right: 50px;
	}
	/*ここまでSNSのスタイル*/
	/*ここからリンクフリー文のスタイル*/
	.linkfree {
		padding-top: 30px;
		background-color: #c7c7ff;
		text-align: center;
	}
}
/*-----ここからスマホ以下の広さ（幅640px以下）のときのスタイル-----*/
@media screen and (max-width: 698px) {
	main h2 {
		font-family: 'RocknRoll One', sans-serif;
	}
	#sns li{
		width:100%;
		margin-bottom: 30px;
	}
	.instagram-media{
		width:100%;
		height:540px;
		overflow: hidden;
	}
	#sns li.other_sns_box{
		width:100%;
		display: flex;
		flex-direction: column;
	}
	.other_wrap{
		display: flex;
		margin-right: 0px;
	}
	#sns li.other_sns_box h4{
		margin-right: 0px;
	}
}
@media screen and (max-width: 368px) {
	#sns {
		padding-left: 0px;
		padding-right: 0px;
	}
	.fb_wrap{
		width: 100%;
		overflow: hidden;
	}
	.tw_wrap{
		width: 100%;
	}
	.instagram-media{
		width:100%;
		height:540px;
		overflow: hidden;
	}
	#sns li.other_sns_box{
		width:100%;
		display: flex;
		flex-direction: column;
	}
	.other_wrap{
		display: flex;
		margin-right: 0px;
	}
	#sns li.other_sns_box h4{
		margin-right: 0px;
	}
}