.sp_30th{
	display:none;
}
@media screen and (max-width:900px){
	.sp_30th{
		display:block;
	}
	.pc_30th{
		display:none;
	}
}

@media screen and (max-width:1030px){
	
	.carouselmobile ul li{
		display:block;
		float:left;
		width:46%;
		height:100%;
		margin:2%;
	}
	.carouselmobile ul li a{
		/*display:block;*/
		 height:100%; 
	}
	.Reservbg{
		background:#000;
		padding:20px;
	}
	#slide p.maintext{
		color:white;
	}
	#container,#carouselwrap,#carouselwrap2{
		display:none;
	}

	/* ===============　予約 =============== */
	.reserve_buttom {
	    display: block;
	    padding: 0.3em 1em;
		margin:10px auto;
	    text-decoration: none;
	    color: #fff;
	    border: solid 1px #fff;
	    border-radius: 3px;
	    transition: .4s;
		text-align:center;
	}
	.reserve_buttom:hover {
	    background: #fff;
	    color: black;
	}
	
	/* ===============　news =============== */
	.blog,.facebook{
		width:100%;
		float:left;
		margin-bottom:30px;
	}
	/* ===============　room・restaurant・wedding・banquet =============== */
	/*　共通項目　*/
	.item1-title2{
		font-size:20px;
		letter-spacing:0.1em;
	}
	.item-comment2{
		margin:20px 0;
		width:100%;
		font-size:14px;
	}
	.item-comment2 br{/*　セクション部の改行をなくす　*/
		display: none;
	}
	.section,#room-information{
		display:none;
	}
	.sectioninner{
		margin:auto;
		padding:50px 0;
		color:white;
		width:90%;
	}
	.m_room1,.m_room2,.m_restaurant1,.m_restaurant2,.m_wedding1,.m_wedding2,.m_banquet1,.m_banquet2{
	    height: 100%;
		min-height:150px;
		width:100%;
	}
	/*　客室案内　*/
	.m_room1{ 
	    background: url('../img/mobile/roominformation1.jpg') 0 0 no-repeat;
		-moz-background-size:100% auto;
		background-size:100% auto;	
	}
	.m_room2{ 
	    background: #40220a;	
	}
	/*　レストラン　*/
	.m_restaurant1{ 
	    background: url('../img/mobile/restaurant1.jpg') 0 0 no-repeat;	
		-moz-background-size:100% auto;
		background-size:100% auto;
	}
	.m_restaurant2{ 
	   background: #5f0602;
	}
	/*　ウエディング　*/
	.m_wedding1{ 
	    background: url('../img/mobile/grandwedding1.jpg') 0 0 no-repeat;	
		-moz-background-size:100% auto;
		background-size:100% auto;
	}
	.m_wedding2{ 
	    background: #2d2e4d;	
	}
	/*　バンケット　*/
	.m_banquet1{ 
	    background: url('../img/mobile/banquet1.jpg') 0 0 no-repeat;
		-moz-background-size:100% auto;
		background-size:100% auto;	
	}
	.m_banquet2{ 
	    background: #003312;	
	}
}

@media screen and (max-width:750px) { 
	.block{
		width:95%;
		margin:auto;
	}
	.Reservbg p.maintext{
		text-align:center;
	}
	
}

@media screen and (max-width:500px) {
	/* SLIDER
	----------------------------------------------- */
	.slider {
	    /*高さは使う画像に合わせて設定してください*/
	    height: 350px;
	    width: 100%;
	}
	.skippr-nav-container {
	    display:none;
	}
	/* ==============	上部ナビゲーション　=============== */
	.official-logo,#language-nav{
		float:left;
	}
	.official-logo{
		width:80%;
	}
	.official-logo2{
		width:70%;
		margin:15px auto;
		float:none;
	}
	#language-nav ul li {
	  font-size:16px;
	  padding-top:5px;
	  width: 40px;/*親メニューの幅*/
	  height: 40px;/*親メニューの高さ*/
	  background:#2e318f;/*親メニューの背景色*/
	  color: #fff;/*親メニューの文字色*/
	}
	#language-nav ul li ul {
	  position: absolute;
	  top: 40px;/*親メニューの高さと同じにする*/
	  width: 40px;

	}
	#language-nav ul li ul li {
	  width: 40px;/*サブメニューの幅*/
	}
	#language-nav ul li:hover ul li, #language-nav ul li a:hover ul li{
	  visibility: visible;
	  overflow: visible;
	  height:40px;/*サブメニューの高さ*/
	  z-index: 10;
	}
	
	/* ==============	下部ナビゲーション　=============== */
	#wrap{
		position: relative;
	}
	nav.mobile_button{
		display:block;
		width:100%;
		padding:5px 0px 2px;
		opacity: 0.8; 
		background:#FFF;
		position: fixed;
		bottom: 0;
		z-index: 9999;

		/* border */
		border:1px solid #cccccc;
	}
	nav.mobile_button ul li{
		width:16.6%;
		float:left;
	}
	nav.mobile_button ul li i{
		color:#999;
		margin:auto;
		text-align:center;
	}
	nav.mobile_button ul li p{
		text-align:center;
		font-size:9px;
		color:#999;
	}
	/* ===============	上に戻る　位置少し上げる　=============== */
	#pageTop {
	  position: fixed;
	  bottom: 70px;
	  right: 20px;
	}
	/* ===============	ヘッダー　=============== */
	header .block{
		width:100%;
		margin:auto;
	}
	p.maintext{
		font-size:16px;
		line-height:1.8em;
		text-align:justify;
	}
	p.maintext br{
		display:none;
	}
	p.subtext{
		font-size:16px;
		text-align:justify;
		line-height:1.8em;
		margin:10px 0;
	}
	p.category{
		font-weight:bold;
		margin:20px 0;
		font-size:20px;
		padding: 0.4em 0.5em;/*文字の上下 左右の余白*/
		color: #000;/*文字色*/
		background: #efefef;/*背景色*/
		border-left: solid 5px #2e3180;/*左線*/
	}
	/* ===============　概要　=============== */
	div.block section{
		margin:30px 0;
	}
	section div.item{
		width:50%;
		float:left;
	}
	.item p{
		text-align:justify;
	}
	
	/* ===============　スライド　=============== */	
	.Reservbg{
		padding:5px;
	}
	/* ===============　カルーセル　=============== */
	.carouselmobile ul li{
		display:block;
		float:left;
		width:100%;
		height:100%;
		margin:20px 0;
	}
	/* ===============　サブページのキャッチコピー　=============== */
	h2{
		font-size:20px;
		line-height: 1.5em;
		letter-spacing: none;
	}/*　サブページ　メインコピー　*/
	/* ===============　room・restaurant・wedding・banquet =============== */
	/*　客室案内　*/
	.photo2 img{
		width:100%;
	}
	/* ===============　ブログ・フェイスブック =============== */
	.blogimg,.facebookimg{
		display:none;
	}
	/* ===============　フッター =============== */
	footer{
		padding-bottom:75px;
	}
	.footer-logo,.footer-info,.footer-tel{
			width: 100%;
			margin: 5px 0;
			float: left;
			padding: 0;
	}
	p.footer-copy{
			text-align:left;
		}

	
	.footer-info p.text{
		margin:10px 0;
	}
	
	#information br{
		display:block!important;
	}
	#information br.pc{
		display:none!important;
	}
	div.oshirase-restaurant p,div.oshirase p{
		text-align:left;
	}

}