

	@media screen and (max-width: 675px) {
		.MainBodyTable{
			width:100% !important;
		}
		.Maintable{
			width:100% !important;
			border-width:0px !important;
			padding:0 !important;
			margin:0 !important;
		}
		.ToptableText{
			display:none;
			padding:0;
			margin:0;
		}
		.breadcrumb{
			width:96% !important;
			margin: 0 2%;
		}
		.Toptable{
			width:98%;
			padding:0;
			margin:0;
			margin-bottom:10px;
			height:auto;
		}
		#TopPageSecondRectangle{
			display:none;
		}
		#div-gpt-ad-1368942536980-5{
			width:468px;
			height:auto;
			margin:0 auto;
		}
		.STLogo{
			display:none;
		}
		.STTopBanner{
			width:100%;
			float:none;
			margin:0 auto;

		}
		.flexslider:after{
			clear:both;
			float:none;
			display:block;

		}
		.flexslider-container{
			float:none;
			clear:both;
			display:block;
			height:250px;

		}
		.flex-viewport{
			display:block;
			clear:both;
			width:100%;
			height:auto;
		}
		#sliderBg{
			width:100%;
			height:auto;

		}
		#sliderBg a{
			display:block;
			float:none;

		}
		#sliderBg a img{
			width:100%;
			height:auto;
			display:block;
			float:none;
		}
		.JTSTNavi{
			display:none;
		}
		.TextAd {
			width:100%;
			text-align:left;
		}
		.TextAd_01{
			text-align:left;
			width:100%;
			margin:0;
			padding: 0;
		}
		#leftSkyscraper{
			display:none;
		}
		#div-gpt-ad-1368941988274-0_ad_container, #div-gpt-ad-1368941988274-1_ad_container,
		#div-gpt-ad-1368942536980-1_ad_container, #div-gpt-ad-1368942536980-2_ad_container{
			text-align:left;
			background-color:#f5f5f5;
			min-width:280px;
			display:block !important;
			margin:0 !important;
			padding:.25rem !important;
			font-size:.85rem;
			word-wrap: break-word !important;
			word-break:break-all !important;
		}
		.TextAd {
			width:100%;
			word-wrap: break-word !important;
		}

		#div-gpt-ad-1368942536980-1, #div-gpt-ad-1368942536980-2{

			width:100% !important;
			text-align:left;
			margin:0 !important;
			padding:0   !important;
			display:block;
		}
		#div-gpt-ad-1368942536980-1 a, #div-gpt-ad-1368942536980-2 a{
			width:100% !important;
			word-wrap: break-word !important;
			word-break:break-all !important;

		}

		#div-gpt-ad-1368942536980-1 a span, #div-gpt-ad-1368942536980-2 a span{
			word-wrap: break-word !important;
			word-break:break-all !important;
			margin:0 -5rem 0 0 !important;
			width:100% !important;
			display:inline;

		}
		#articleSection{
			width:96% !important;
			margin:0 2%;
			float:none;

		}
		.STInsideAdBlock_02{
			float:none;
			margin: 20px auto;
			padding: 15px 0 0 0;
			border-width: 1px 0 0 0 !important;
			width:100%;
		}
		#div-gpt-ad-1368942536980-4{
			margin: 0 auto !important;
		}
		.STInsideSubscBlock_01{
			min-width:300px;
			margin:0 auto !important;
		}
		.STInsideSubscBlock_02{
			width:100% !important;
			margin:10px auto;

		}
		.STCenterBlockShade_03{
			width:96% !important;
			padding: 20px 2% 20px 2% !important;
			margin: 0 auto !important;
		}
		#div-gpt-ad-1397182314549-0{
			width:100% !important;
		}
		.ga_trending{
			padding: .5rem 2%;
		}
		.ga_trending li:before{
			margin-right: 0.35rem !important;
			padding-left:0rem;
		}
		.ga_trending li{
		}
		.ga_trending li:after{
			content:"";
			float:none;
			clear:both;
			display:block;
		}
		#div-gpt-ad-1368942536980-6{
			width:100% !important;
		}
		.STCenterFooterBlock_01{
			color:#dcdcdc;
			margin:15px 0 0 0;
			padding:0;
		}
		.STCenterFooterBlock_01 a{
			visibility: visible;
			font-size:1rem !important;
			line-height:1.5rem !important;
			display:block !important;
			padding:5px !important;
			background-color: #6495ED;
			border:1px solid #dcdcdc;
			color: #333 !important;
		}
		.STCenterFooterBlock_01 a:visited{
			color:#333;
		}
		.STCenterFooterBlock_01 a:hover{
			color:#fff !important;
			background-color:#00008B;
			text-decoration: none;
		}
		.STCenterFooterBlock_01 a:nth-of-type(1){
			background-color:#fff;
			width:200px;
			border:none;
			display:inline-block;
			margin:2rem auto;
			padding:1.5rem 0 0;
		}
		#salesfooterlink:link, #salesfooterlink:visited, #salesfooterlink:hover{
			background-color:#fff !important;
			border:none !important;
		}
		.STCenterFooterBlock_01 span.div{
			display:none !important;
		}
		.STCenterFooterBlock_01 br{
			content:"";
			height: 1px;
			display:none !important;
		}

		.CenterBlockTitle_01{
			color:#00008B;
			visibility: visible;
			display:block;
		}
		#backtotop{
			margin:0 !important;
			padding: 0 !important;
			display:block !important;
			background-color:#00008B;
			visibility: visible;
			color:#fff;
		}
		#backtotop a{
			visibility: visible;
			padding: 2rem 0 4.5rem 0 !important;
			margin:0 !important;
			width:100%;
			font-size: 1.2rem;
			line-height:200%;
			color:#fff !important;
			background-color:#00008B;
		}
		#backtotop a:visited{
			color:#fff !important;
			background-color:#00008B;
		}
		#backtotop a:hover{
			background-color:#6495ED;
			color: #333;
		}
		#mobileMenu{
			display:block !important;
		}
		.menu-collapser{
			background-color: #003399 !important;
		}
		.menu-collapser img{
			margin-top:5px;
			height:40px;
			width: auto;
			border:none;
			-ms-interpolation-mode: bicubic !important;
		}
		.collapse-button{
			background-image: linear-gradient(to bottom, #2F41BB, #0C01AB) !important;
			background-color: #000080 !important;

		}
		.collapse-button:hover{
			background-image: linear-gradient(to bottom, #000C5F, #060064) !important;
			background-color: #000080 !important;
		}
		.slimmenu a{
			text-decoration:none !important;
		}
		.slimmenu i{
			font-size: 20px !important;
			padding: 0 7px !important;
		}
		.NewsBlock_01{
			width:96%;
			margin:0 2% 30px 2%;
		}
		.NewsBlockHeadline_02{
			float:none;
		}
		#latestArticle{
			width:96% !important;
			height:auto;
			margin: 0 2% !important;
			display:block;
		}
		.STInsideSubscBlock_01, .STInsideSubscBlock_02, .STCenterBlockShade_03{
			display:block;
		}
		.STInsideAdBlock_02{
			display:block !important;
			float:left;
		}
		#mc_embed_signup{
			width:100%;
		}

		#cse-search-form{
			width:85% !important;
			margin: 0 auto !important;
			padding: 0 3% !important;
			height:50px !important;
		}
		#googleSearchBlock{
			border-bottom:1px solid #ddd;
			padding-bottom:10px;
			margin-bottom: 20px;
		}
		#googleSearchBlock p{
			font-size:1rem;
			width:88% !important;
			margin: 15px auto !important;
			padding-left:3%;
		}
		.gsc-input input{
			height:30px;
		}
		.gsc-search-button{
			width:80px;
			height:30px !important;
			padding:.5em;
		}
		.ContentsLineup_01{
			padding:0 0 0 1rem !important;
			margin:0 0 1.5rem 1rem !important;
			font-size:1rem !important;
			width:96% !important;
			overflow:visible;
		}
		.ContentsLineup_01 .ContentsLineupInside_01{
			font-size:1rem !important;
			line-height:240%;
			width:96% !important;
		}

		.VocabularyQuizText_03{
			display:block;
			text-align:right;
			margin-top:1em;
		}
		.TopCategoryTitle{
			width:100%;
		}
		.ArchiveBlock_01{
			width:96%;
			padding:3% 2%;
			margin:0;
			display:block;
		}
		.ArchiveBlockRight_01{
			display:block;
			width:55%;
			min-height:1.8rem;
			line-height:180%;
			padding-top:.8em;
		}
		.ArchiveBlockRight_01:after{
			clear:both;
			float:none;
			content:"";
			display:block;
		}
		.ArchiveBlockText_01{
			font-size:1rem;
		}
		.ArchiveBlockText_03{
			line-height:180%;

		}
		.ArchiveBlockText_02{
			padding-bottom:0rem;
		}
		.ArchiveBlockText_03{
			margin-top:5px;
		}
		.ArchiveBlockRight_02{
			width:45%;
			max-width:130px;
			display:block;
			text-align:right;
			height:1.8rem;
			line-height:180%;
			padding-top:.8em;
		}
		.ArchiveBlockRight_03{
			width:30px;
			float:right;
			height:1.8rem;
			line-height:180%;
			padding-top:.8em;		}
		.ArchiveBlockRight_03 img{
			padding-top:0px;
		}
		.ArchiveBlockRight_04{
			width:40px;
			margin-top:.0;
			float:right;
			height:1.8rem;
			line-height:180%;
			padding-top:.8em;
		}
		.PrinterFriendlyHead{
			line-height:180% !important;
		}
		#writingContentBlock{
			width:100%;
		}
		#writingContentBlock h2.TopCategoryTitle img{
			width:100%;
			max-width: 350px;
			display:block;
			height:auto;
		}
		.Yawaraka_Kadai{
			width:96%;
		}
		.Yawaraka_Kadai img{
			width:100%;
			height:auto;
		}
		.ContactusBox_02{
			display:table;
			width:100%;
		}
		.ContactusBoxLeft{
			display:table-cell;
			width:30%;
			margin:5% 2.5%;
		}
		.ContactusBoxRight{
			display: table-cell;
			width:60%;
			margin:2.5%;
		}

		.ContactusBoxRight input, .ContactusBoxRight select, .ContactusBoxRight textarea{
			width:90% !important;
		}
		.radiocheck input{
			width:2rem !important;
		}
		.radiocheck label{
			margin-right:5%;
		}
		.ContactusBox_03 {
			padding: 2.5%;
		}
		#leftMainContentBlock{
			width:100%;
		}
		#leftMainContentBlock img{
			width:auto;
			max-width:100%;
		}
		.InsideText_01 img, .InsideTitle_01 img{
			width:100% !important;
			height:auto !important;
		}
		.PhotoHowtoA_01{
			height:auto;
		}
		.PhotoHowtoQ_01{
			height:auto;
		}
		#flashContent div iframe{
			width:100% !important;
		}
		#OnseiDiv{
			height:auto !important;
		}
		#OnseiDiv:after{
			display:block;
			content:"";
			float:none;
			clear:both;

		}
		#OnseiDiv div{
			display:block;
			margin:0 !important;
			padding:0 !important;
			width:100% !important;
			max-width:none !important;
		}
		.CinemaClubDiv{
			width:100%;
			padding:0;
			float:left;
			margin-top:15px;

		}
		.CinemaClubDiv .STCenterBlockShade_01{
			margin:0 auto;
			padding:0;
		}

/*
		#OnseiDiv param, #OnseiDiv object, #OnseiDiv audio{
			display:block;
			margin:0 !important;
			padding:0 !important;
			width:100% !important;
			max-width:none !important;
			min-height:40px !important;
			height:40px !important;
		}
		#OnseiDiv object:after, #OnseiDiv audio:after{
			clear:both;
			float:none;
			content:"";
			display:block;
		}
*/
		#OnseiDL{
			display:block !important;
			float:none !important;
			margin:0 auto 1rem auto !important;
			width:100px !important;
		}
		#OnseiDL:after{
			clear:both;
			float:none;
			content:"";
			display:block;
		}
		#OnseiAudio{
			display:block;
			float:none;
			margin:0 !important;
			padding:0 !important;
		}
		#OnseiAudio:after{
			clear:both !important;
			float:none;
			content:"";
			display:block;
		}
		#audioplayer1, #audioplayer1 param, #audioplayer1 div{
			width:100% !important;
			margin:0 !important;
		}
		#audioplayer1 div figure, #audioplayer1 audio{
			width: 100% !important;
			margin:0 !important;
		}
		#cover_swf{
			width:100%;
			height:auto !important;
			margin-bottom:2rem !important;
		}
		#jtst_cover_20, #jtst_cover_24, #jtst_cover_28, #jtst_cover_32, #jtst_cover_36{
			width:100% !important;
		}
		#jtst_cover_20 param, #jtst_cover_24 param, #jtst_cover_28 param, #jtst_cover_32 param, #jtst_cover_36 param
		#jtst_cover_20 object, #jtst_cover_24 object, #jtst_cover_28 object, #jtst_cover_32 object, #jtst_cover_36 object
		{
			width:100% !important;
		}
		#cover_0-1, #cover_2-3, #cover_4-5, #cover_6-7, #cover_8-9, #cover_10-11, #cover_12-13, #cover_14-15, #cover_16-17, #cover_18-19, #cover_20-21, #cover_22-23, #cover_24-25, #cover_26-27, #cover_28-29, #cover_30-31, #cover_32-33, #cover_34-35, #cover_36-37{
			width:100% !important;
			height:auto !important;
		}
		.CoverPageRight, .CoverPageLeft{
			margin:2rem 0 0 0 !important;
			width:50% !important;
		}
		.CoverPageRight img, .CoverPageLeft img{
			width:100% !important;
			height:auto !important;
		}
		#headline_parts{
			top:0;
			left:0;
			width:96%;
			padding:2%;
			overflow:auto;
			height:auto;
			clear:both;
		}
		#headline_parts:after{
			clear:both;
			display:block;
			content:"";
			float:none;
		}
		.STInsideTextBlock_01{
			float:none;
			width:96%;
			position:relative;
		}
		#GoogleSearchResult{
			width:100% !important;
		}
		#newsmakerList{
			padding: 0 2%;
		}
		.RNewsmakerSectionLeft{
			width:50% !important;
		}

		.toppageSlider{
			width:100%;
			float:none;
			margin:0 0 1.5rem 0 !important;
			padding:0 !important;
			overflow:hidden !important;
		}
		.STTopRectangle{
			width:100%;
			float:none;
			height:300px;
		}
		#ST-res-rectangle{
			max-width:336px;
			min-width:300px;
			margin: 15px auto;
		}
		#ST-res-footer, #ST-res-trending, #ST-res-leaderboard{
			width:100%;
			overflow:hidden;
		
		}
		.STLeftBlock{
			width:100%;
		}
		.STLeftBlock_01{
			width:96%;
			margin:0 2%;
		}
		.STLeftBlock_01 a img{
			width:45%;
			max-width:130px;
			float:left;
			margin:0 2% 5% 2%;
		}
		.CoverLabels_01 ,.CoverLabels_02, .CoverLabels_04{
			float:right;
			width:48%;
			height:auto;
			margin:0 2% 5% 0;
			min-width:135px;
			padding: 0;
		}
		.CoverLabels_01 a, .CoverLabels_02 a{
			margin: 0px 0 0 20px;
			line-height:2.25rem;
		}
		.CoverLabels_04 a{
			margin: 0px 0 0 5px;
			line-height:2.25rem;
		}
		.STLeftBlock_01:after{
			clear:both;
			content:"";
			float:none;
			display:block;
		}
		#TopResBlock{
			width:100%;
			overflow:hidden;
		}
		#TopResBlock:after{
			clear:both;
			content:"";
			float:none;
			display:block;
		}
		.STLeftBlock_02{
			display:none;
			margin: 0;
		}
		.TopAdInfo{
			width:156px;
			display:block;
			margin: 15px  auto;
		}
		.TopAdInfo:after{
			clear:both;
			content:"";
			float:none;
			display:block;
		}
		#TopGoogleSearch{
			display:block;
			float:none;
			height:90px !important;
			padding:2% !important;
			width:96% !important;
			margin: 10px auto !important;
		}
		#TopTwitterBlock{
			max-width:220px;
			margin:0 auto;
		}
		.STCenterBlock{
			width:100%;
			margin:0;
			padding:0;
			overflow: hidden;
		}
		.STCenterBlockBanner_01{
/*
			display:none;
*/
			border: 1px solid #ccc;
			border-width: 1px 0;
			width:100%;
			margin:5px 0  1em 0 !important;
			padding: 1em 0 !important;

		}
		#ST-res-S-2{
			width:100%;
			display:block;
		}
		#ST-res-S-2 div{
			display:block !important;
			margin:0 auto;
		}
		#TopSTKatsuyoho{
			display:none;
		}
		.STCenterBlockShade_01{
			width:98%;
			 overflow: hidden;
			 margin:0 auto;
		}
		.Cinema_IMG_01{
			width:94%;
			margin:0 auto;
		}
		.Cinema_IMG_01 img{
			width: 100%;
			height:auto;
		}
		#TopBGBlock{
			width:90% !important;
			padding:2% !important;
			margin:10px auto !important;


		}
		#TopBGBlock img{
			width:100%;
		}
		.STRightBlock{
			width:100%;
			margin:0;
			overflow:hidden;
		}
		#STRightBlock {
			width:300px;
			margin:0 auto;
		}
		#vocabuildlink i{
			font-size: 3.5rem;
		}
		#WorkingMumKana img#KanaTopImage{
			display:none;
		}
		#WorkingMumKana img#KanaTopLargeImage{
			display:block !important;
			width:100%;
		}
	}


	@media screen and (max-width: 530px) {
		.SoundDownloadGroup{
			display:block;
			width:250px;
			float:none;
			margin:30px auto;
		}
		.SoundDownloadGroup:after{

			content:"";
			display:block;
			float:none;
			clear:both;
		}


	}
	@media screen and (max-width: 500px) {
		#ST-res-rectangle_ad_container ins{
			display:block !important;
			margin:0 auto;
		}
		.flexslider-container{
			float:none;
			clear:both;
			display:block;
			max-height:200px;
		}

		.ArchiveBlock_01{
			min-height:3.5rem;
		}
		.ArchiveBlockRight_01{
			width:60%;
		}
		.ArchiveBlockRight_02{
			width:40%;
			max-width:none;
			line-height:120%;
			height:1rem;
		}
		.ArchiveBlockRight_03{
			height:1rem;
			padding-top:.2rem;
		}
		.ArchiveBlockRight_04{
			line-height:120%;
			height:1rem;
			padding-top:.2rem;
		}
		#vocabuildlink i{
			font-size: 3rem;
		}
	}
	@media screen and (max-width: 468px) {
		#div-gpt-ad-1368942536980-5{
			width:320px;

			margin:0 auto;
		}
		.flexslider-container{
			float:none;
			clear:both;
			display:block;
			max-height:200px;
		}
		#vocabuildlink i{
			font-size: 2.5rem;
		}
		#KanaProfile figure{
			width:125px;
			    -webkit-margin-start: 10px;
			    -webkit-margin-end: 10px;
			    -webkit-margin-after: .5em;
		}
		#KanaProfileRight {
			font-size: 15px;
		}
		#KanaProfileRight h5{
			font-size: 16px;
		}
	}
	@media screen and (max-width: 400px) {
		.flexslider-container{
			max-height:150px;
		}
	}
	@media screen and (max-width: 350px) {
		#vocabuildlink i{
			font-size: 2rem;
		}
	}
	@media screen and (max-width: 336px) {

			#ST-res-rectangle{
			width:300px;
			margin: 0 auto;
		}