@charset "utf-8";

/* 2014.05.27  */
@media only screen and (max-width:1100px) {

	section#mid-section {position:relative; /*margin:20px auto 0;*/ padding:0; width:auto; overflow:hidden; /*border-top: 1px solid #e0e0e0;*/z-index:1;}
	section#mid-section .mobileCon {max-width:640px; margin:0 auto}
	section#mid-section .mobileCon img {width /*\**/:100% !important\9}
	section#mid-section figure {float:none; margin:0 auto 10px; width:95%; /* max-width:600px */}
	section#mid-section figure img {max-width:100%; height:auto !important}
	section#mid-section figure.event img {max-width:100%; height:auto !important}
	section#mid-section figure img {max-width /*\**/:none\9; width /*\**/:100%\9}
	section#mid-section figure.mall-01 img {width /*\**/:100%\9}
	section#mid-section figure.mall-02 img {width /*\**/:100%\9}
	section#mid-section figure.mall-03 img {width /*\**/:100%\9}
	section#mid-section figure.mall-04 img {width /*\**/:100%\9}
	section#mid-section figure.mall-05 img {width /*\**/:100%\9}
	section#mid-section figure.banner-topbox-01 img {width /*\**/:100%\9}
	section#mid-section figure.story-01 img {width /*\**/:100%\9}
	section#mid-section figure.story-02 img {width /*\**/:100%\9}
	section#mid-section figure.story-03 img {width /*\**/:100%\9}
	section#mid-section figure.story-04 img {width /*\**/:100%\9}	
	section#mid-section figure.event img {width /*\**/:100%\9}

	section#mid-section figure.mall-01 {margin:0 auto 10px}
	section#mid-section figure.mall-02 {padding-left:2.5%; float:left; width:46.5%}
	section#mid-section figure.mall-04 {padding-left:2.5%; float:left; width:46.5%}
	section#mid-section figure.mall-03 {padding-right:2.5%; float:right; width:46.5%}
	section#mid-section figure.mall-05 {margin:0 0 10px; padding-right:2.5%; float:right; width:46.5%}
	section#mid-section figure.banner-topbox-01 {margin:0 0 10px; padding-right:2.5%; float:right; width:46.5%; overflow:hidden}
	section#mid-section figure.banner-topbox-01:after {content:''; display:block; clear:both}
	section#mid-section figure.banner-topbox-01 span {display:block}
	section#mid-section figure.banner-topbox-01 span.banner-topbox-01-1 {margin:0; padding-left:1%; width:47%; float:left; text-align:left}
	section#mid-section figure.banner-topbox-01 span.banner-topbox-01-2 {width:47%; float:right; text-align:right}
	section#mid-section figure.banner-topbox-01 a:first-child img {margin-bottom:2px}

	section#mid-section figure.story-01	{float:left; padding-left:2.5%; width:22%; margin:0 2.5% 10px 0}
	section#mid-section figure.story-02	{float:left; width:22%; margin:0 0 10px}
	section#mid-section figure.story-03	{float:left; padding-left:2.5%; width:22%; margin:0 2.5% 10px 0}
	section#mid-section figure.story-04	{float:left; width:22%; margin:0 0 10px}
	section#mid-section figure.event {float:right; padding-right:2.5%; width:46%}

	section#mid-section figure.banner-bottombox {float:right; padding-right:2.5%; margin:0; width:46%}
	section#mid-section figure.banner-bottombox span {display:block}
	section#mid-section figure.banner-bottombox span.banner-bottombox-1 {width:50%; margin:0; float:left; text-align:left}
	section#mid-section figure.banner-bottombox span.banner-bottombox-2 {width:50%; float:right; text-align:right}
	section#mid-section figure.banner-bottombox span.banner-bottombox-3 {display:none}

	section#mid-section figure.story-05 {display:none}
	section#mid-section article.sns {display:none}
	section#mid-section article.intro-news {display:none}
}
@media only screen and (max-width:769px) {
	section#mid-section {position:relative; /*margin:20px auto 0;*/ padding:0; overflow:hidden; /*border-top: 1px solid #e0e0e0;*/ z-index:1;}
/* 	section#mid-section figure.story-01,
	section#mid-section figure.story-03	{padding-left:4%; float:left; width:44%; text-align:center}
	section#mid-section figure.story-02,
	section#mid-section figure.story-04	{padding-right:5%; float:right; width:44%; text-align:center}

	section#mid-section figure.banner-bottombox {margin:0 auto 10px; width:95%}
	section#mid-section figure.banner-bottombox a:first-child img {margin:0}
	section#mid-section figure.banner-bottombox a {display:block; text-align:center}
	section#mid-section figure.banner-bottombox a:first-child {width:50%; float:left}
	section#mid-section figure.banner-bottombox a:nth-child(2) {width:50%; float:right} */
}
@media only screen and (max-width:500px) {

	section#mid-section {/* margin:5px 0 0;*/ padding:0; min-width:320px}
	section#mid-section figure {margin:0 auto 10px; width:90%; text-align:center}
	section#mid-section figure a {display:block}

	section#mid-section figure.mall-01 {margin:0 auto 10px; width:90%}
	section#mid-section figure.mall-02 {float:none; padding:0; width:90%}
	section#mid-section figure.mall-03 {float:none; padding:0; width:90%}
	section#mid-section figure.mall-04 {float:none; padding:0; width:90%; margin:0 auto 10px}
	section#mid-section figure.mall-05 {float:none; padding:0; width:90%; margin:0 auto 10px}
	section#mid-section figure.mall-05 img {margin-left:-0.5%}
	section#mid-section figure.story-02 {margin:0 auto 10px}
	section#mid-section figure.story-03 {margin:0 auto 10px}
	section#mid-section figure.story-04 {margin:0 auto 10px}
	section#mid-section figure.story-05 {margin:0 auto 10px}
	section#mid-section figure.event {float:none; margin:0 auto 10px; padding:0; width:90%}
	section#mid-section figure.banner-topbox-01 {float:none; padding:0; margin:0 auto 10px; width:90%; overflow:hidden}
	section#mid-section figure.banner-topbox-01 span.banner-topbox-01-1 {width:48%}
	section#mid-section figure.banner-topbox-01 span.banner-topbox-01-2 {width:48%}
	/*
	section#mid-section figure.banner-topbox-01 a {display:block}
	section#mid-section figure.banner-topbox-01 a:first-child {padding:0; width:48%; float:left}
	section#mid-section figure.banner-topbox-01 a:last-child {padding:0; width:48%; float:right}
*/
	section#mid-section figure.story-01,
	section#mid-section figure.story-03	{padding-left:5%; float:left; width:43%}
	section#mid-section figure.story-02,
	section#mid-section figure.story-04	{padding-right:5%; float:right; width:43%}

	section#mid-section figure.banner-bottombox {float:none; padding:0; margin:0 auto 10px; width:90%}
	section#mid-section figure.banner-bottombox span.banner-bottombox-1 {width:48.5%; float:left}
	section#mid-section figure.banner-bottombox span.banner-bottombox-2 {width:48.5%; float:right}

}