
div#maruhan_api_outer{
	box-sizing: border-box;
	width: 640px;
	width: 630px;
	padding: 0 20px;
}

div.sidebar--leftText{
	position: fixed;
	top: 30px;
	left: 30px;
}
div.sidebar--rightText{
	position: fixed;
	top: 30px;
	right: 30px;
}

/*
	コンテンツ幅が730pxの場合
*/
/*
@media screen and ( min-width:1390px ){
	div.sidebar--leftText{ left: auto; right:calc(50% + 395px); }
	div.sidebar--rightText{ right: auto; left:calc(50% + 395px); }
}
@media screen and ( min-width:1330px ) and ( max-width: 1390px ) {
	div.sidebar--leftText{ left: 0; }
	div.sidebar--rightText{ right: 0; }
}
@media screen and ( max-width:1330px ){
	div.sidebar--leftText,
	div.sidebar--rightText{ display:none; }
}
*/

/*
	コンテンツ幅が640pxの場合
	300(210) + (60,30,10) + 640 + (60,30,10) + 300(210)
	210px : template1
	300px : template2~5
*/

@media screen and ( min-width:1500px ){
	div.sidebar--leftText{ left: auto; right:calc(50% + 380px); }
	div.sidebar--rightText{ right: auto; left:calc(50% + 380px); }
}
@media screen and ( min-width:1320px ) and ( max-width: 1500px ) {
	div.sidebar--leftText{ left: auto; right:calc(50% + 340px); }
	div.sidebar--rightText{ right: auto; left:calc(50% + 340px); }
}
@media screen and ( min-width:1260px ) and ( max-width: 1320px ) {
	div.sidebar--leftText{ left: auto; right:calc(50% + 330px); }
	div.sidebar--rightText{ right: auto; left:calc(50% + 330px); }
/*
	div.sidebar--leftText.template1{ left: auto; right:calc(50% + 340px); }
	div.sidebar--rightText.template1{ right: auto; left:calc(50% + 340px); }
*/
}

/* case : 300 + 300 */
@media screen and ( max-width:1260px ){
	div.sidebar--leftText,
	div.sidebar--rightText{ display:none; }

	div.sidebar--leftText.template1,
	div.sidebar--rightText.template1{ display:inline-block; }

	div.sidebar--leftText.template1{ left: auto; right:calc(50% + 340px); }
	div.sidebar--rightText.template1{ right: auto; left:calc(50% + 340px); }
}
/* case : 210 + 210 */
@media screen and ( max-width:1100px ){
	div.sidebar--leftText.template1,
	div.sidebar--rightText.template1{ display:none; }
}

.banner-right-menu-top-bg img {
	max-width: 100%;
	vertical-align: middle;
}
