@media(min-width: 1201px){
	#swipL,
	#swipR{
	display: none;
}
}
@media(min-width: 741px) and (max-width: 1200px){
	#swipL,
	#swipR{
	display: none;
}
}
@media(max-width: 740px){

body{
	overflow:auto;
	 right: 0;
	 width: 100%;
}

#page2{
	position: fixed;
	top: 4em;
	right: -100%;
	width: 100%;
	height: 100%;
	background: #666;
	display: none;
	z-index:9999;
}

.lock_scroll{
	position:fixed;
	overflow-y:scroll;
}

/*＃page2内でスクロールを可能に*/
#box_scrollbar {
        overflow:scroll;
        width:72%;
        height:96%;
        margin:2% 2% 2% 22%;
        padding: 2%;
        background-color:#F9F9F9;
        -webkit-overflow-scrolling: touch;
    }

/*両サイドのボタン*/
#swipL{
	width: auto;
	margin: 0;
	padding: 0;
	position: fixed;
	top: 50%;
	right: 0.1%;
	z-index: 10;
}

#swipR{
	width: auto;
	margin: 0;
	padding: 0;
	position: fixed;
	top: 50%;
	left: 0.1%;
	display: none;
	z-index:1000;
}
}

/*これいれないと謎のloadingの文字が…*/
@media screen and (orientation:portrait){.ui-mobile,.ui-mobile .ui-page{min-height:420px}}
@media screen and (orientation:landscape){.ui-mobile,.ui-mobile .ui-page{min-height:300px}}
.ui-loading .ui-loader{display:block}
.ui-loader{display:none;z-index:9999999;position:fixed;top:50%;box-shadow:0 1px 1px -1px #fff;left:50%;border:0}
.ui-loader-default{background:0;opacity:.18;width:46px;height:46px;margin-left:-23px;margin-top:-23px}
.ui-loader-verbose{width:200px;opacity:.88;height:auto;margin-left:-110px;margin-top:-43px;padding:10px}
.ui-loader-default h1{font-size:0;width:0;height:0;overflow:hidden}
.ui-loader-verbose h1{font-size:16px;margin:0;text-align:center}
.ui-loader .ui-icon{background-color:#000;display:block;margin:0;width:44px;height:44px;padding:1px;-webkit-border-radius:36px;-moz-border-radius:36px;border-radius:36px}
.ui-loader-verbose .ui-icon{margin:0 auto 10px;opacity:.75}
.ui-loader-textonly{padding:15px;margin-left:-115px}
.ui-loader-textonly .ui-icon{display:none}
.ui-loader-fakefix{position:absolute}