/* Construction( responsible )
 --------------------------------- */
@-ms-viewport {
	width: device-width;
}
@viewport {
	width: device-width;
}
/* ---------------------------------
 [1] 768px <= width
 --------------------------------- */
@media screen and (min-width:1px) and (max-width: 768px) {
	div#wrap {
		background: url("img/header/header_bg02_rsp.jpg") no-repeat;
	}
	body.home div#wrap {
		background:none;
	}
	div#header {
		width:100%;
		position:static;
	}
	div#main {
		width:auto;
	}
	div#main_column {
		float:none;
		width:auto;
		padding:0px 5px;
	}
	div#side_column {
		float: none;
		width: auto;
		display:block;
	}
	div.menu-header_navigation-container {
		display:none;
	}
	div.footer {
		width:auto;
	}
	/* [1] header
	 --------------------------------- */
	div#wrap_header {
		margin: 0 auto;
		width:100%;
	}
	div#header_top {
		height:auto;
		overflow: hidden;
		text-align:center;
		background:  url("img/back/bg_header_top.png") no-repeat scroll left -30px;
	}
	div#seo {
		text-align:left;
		display:block;
		position:static;
		height:auto;
		line-height:1.2;
		margin: 3px 53px 0 0;
		width: auto;
		display: inline-block;
	}
	div.breadcrumbs {
		margin: 0;
		border-top: 3px #000 solid;
		padding: 10px 0;
	}
	div#header_top h1 {
		margin: 15px 0 0;
		float:none;
	}
	div#share {
		position:static;
		margin: 5px auto;
		padding:7px 10px 0px 10px;
		width: 480px;
		opacity:0.8;
	}
	div#wrap_header2 ul#menu-side_navigation2 li {
		width:100%;
		display:block;
		border-bottom:1px solid #fff;
	}
	div#wrap_header2 div.menu-side_navigation2-container {
		width:100%;
	}
	div#wrap_header2 ul#menu-side_navigation2 li a {
		padding: 4px 10px 6px;
	}
	div#wrap_header2 {
		border-bottom:none;
	}
	div#core-logged-bar ul{
		float:none;
	}
	div#logged-bar ul#menu-loggedin_navigation {
		float: none;
	}
	div#core-logged-bar {
		width: auto;
		padding-right:52px;
	}
	div#logged-bar {
		position:static;
	}
	div#wrap_header2 ul#menu-side_navigation2 li a small {
		display: inline;
	}
	div#wrap_header2 ul#menu-side_navigation2 li a {
		height: auto;
	}
	div#wrap_header2 ul#menu-side_navigation2 li a {
		padding: 0;
	}
	div#wrap_header2 ul#menu-side_navigation2 li em {
		font-style:normal;
	}
	div#wrap_header2 ul#menu-side_navigation2 li#menu-item-261 a em,
	div#wrap_header2 ul#menu-side_navigation2 li#menu-item-3000000703 a em,
	div#wrap_header2 ul#menu-side_navigation2 li#menu-item-3000000704 a em,
	div#wrap_header2 ul#menu-side_navigation2 li#menu-item-3000001852 a em,
	div#wrap_header2 ul#menu-side_navigation2 li#menu-item-3000003822 a em,
	div#wrap_header2 ul#menu-side_navigation2 li#menu-item-3000003824 a em,
	div#wrap_header2 ul#menu-side_navigation2 li#menu-item-2016080376 a em,
	div#wrap_header2 ul#menu-side_navigation2 li#menu-item-2016080378 a em {
		padding-top: 8px;
	}
	body.logged-in img#logout {
		display:none;
	}
	body.logged-in img#login {
		display:block;
	}
	ul#time {
		padding:0px;
		border-right:0px;
	}
	div#weather_area {
		text-align:left;
	}
	/* [1] Side Navigation
	--------------------------------- */
	div#headline_thumbnail {
		text-align: center;
	}
	div#headline_thumbnail p {
		text-align: left;
	}
	div#wrap_header2 ul#menu-side_navigation2 li#menu-item-2016080305 a,
	div#wrap_header2 ul#menu-side_navigation2 li#menu-item-2016080306 a {
		width:auto;
	}
	div#wrap_header2 ul#menu-side_navigation2 li a {
	box-shadow:none;
		margin:1px;
		padding:0 0 0 10px;
	}
	div#wrap_header2 ul#menu-side_navigation2 li a:hover {
		box-shadow:none;
	}
	div#wrap_header2 ul#menu-side_navigation2 li a small {
		font-size: 14px;
	}
	/* [1] Global Navigation
	 --------------------------------- */
	div#gnavi {
		display:none;
	}
	div#menu_button {
		display: block;
	}
	ul#sub_menu {
		border-top:#ccc solid 1px;
		background:#fff;
	}
	ul#sub_menu li {
		width:50%;
		float:left;
	}
	ul#sub_menu a {
		background:#fff url("img/icon/icon_black/rivet.png") no-repeat -3px 9px;
		padding-left:10px;
		letter-spacing:0px;
		font-size: 12px;
		font-weight: bold;
		text-align:left;
	}
	ul#sub_menu li#newtop_tit {
		width:100%;
		background:#000;
		font-size: 12px;
		font-weight: bold;
		padding: 5px;
	}
	ul#newstop,
	ul#newstop li {
		padding:0;
		border:0;
	}
	ul#sub_menu li#category_li ul#newstop li {
		line-height:24px;
		height:24px;
		border-bottom: 1px solid #ccc;
	}
	ul#sub_menu li#category_li span {
		display:block;
		background:#fff;
		text-align:left;
	}
	ul#sub_menu li#category_li a {
		background:#fff url("img/icon/icon_black/rivet.png") no-repeat -3px 8px;
	}
	ul li#sub_gototop {
		width: 100%;
		height:auto;
		padding:0px;
		background:#fff;
	}
	ul#sub_menu li#sub_gototop a {
		padding-right:14px;
		background:#fff;
		text-align:center;
	}
	ul#sub_menu li#sub_gototop a:hover {
		background:#ddd;
	}
	ul#sub_menu li#category_li {
		width:100%;
	}
	ul#sub_menu li ul#newstop li {
		width:50%;
		display:inline-block;
		list-style-type: none;
		height:auto;
		background:#fbfbfb;
		border-bottom:1px solid #cdcdcd;
	}
	ul#sub_menu ul#newstop li a {
		line-height:110%;
		border-bottom:none;
	}
	/*
	ul#newstop li#newstop1:before{
		background:#000;
	}
	ul#newstop li#newstop2:before{
		background:#000;
	}
	ul#newstop li#newstop3:before{
		background:#000;
	}
	ul#newstop li#newstop4:before{
		background:#000;
	}
	ul#newstop li#newstop5:before{
		background:#000;
	}
	ul#newstop li#newstop6:before{
		background:#000;
	}
	ul#newstop li#newstop7:before{
		background:#000;
	}
	ul#newstop li#newstop8:before{
		background:#000;
	}
	ul#newstop li#newstop9:before{
		background:#000;
	}
	ul#newstop li#newstop10:before{
		background:#000;
	}
	*/
	ul#sub_menu ul#newstop li a:hover,
	ul#sub_menu li#category_li a:hover {
		background:#eee url("img/icon/icon_black/rivet.png") no-repeat -3px 8px;
	}
	ul#newstop li:before {
		/*content: "";
		display:flex;
		height: 7px;
		width: 7px;
		margin: 0 3px 0 0;
		position: relative;
		top: 14px;
		left:-7px;
		list-style-position: inside;追記 */
	}
	/* [1] main
	 --------------------------------- */
	div.hentry {
		padding:15px 0;
		overflow:hidden;
	}
	/* [1] footer
	 --------------------------------- */
	div.footer div.menu-header_navigation-container {
		display:block;
	}
	div#tw iframe,div#fb iframe{
		width:100%;
	}
	div#tw {
		padding:0 20px;
		text-align:center;
	}
	div#fb {
		padding:0 20px;
		text-align:center;
	}
	/* [1] page
	 --------------------------------- */
	 /*holiday*/
	div[class*="holiday"] .btnA a {
		display:block;
		float: none;
	}
	.holiday div#main_column table.cell2 {
		width:100% !important;
		border-bottom: 1px solid #ddd;
	}
	.holiday div#main_column table.cell2 th,.holiday div#main_column table.cell2 td {
		border:none;
		border-top: 1px solid #ddd;
		border-left: 1px solid #ddd;
		border-right: 1px solid #ddd;
		width:auto;
		display: block;
	}
	.trading-holidays div#main_column table.cell2 {
		width:100% !important;
		border-bottom: 1px solid #ddd;
	}
	.trading-holidays div#main_column table.cell2 th,.trading-holidays div#main_column table.cell2 td {
		border:none;
		border-top: 1px solid #ddd;
		border-left: 1px solid #ddd;
		border-right: 1px solid #ddd;
		width:auto;
		display: block;
	}
	.cell2 th,.cell2 td {
		width:100%;
	}
	/* gov */
	div#itiran img {
		width: 100%;
	}
	div#itiran map {
		display:none;
	}
	.gov div#main_column .cell3 tr td.bg_cyuuoushou {
		 display:block;
	}
	.gov div#main_column div.introduction .introduction_pic {
		float:none;
		width:auto;
	}
	.gov div#main_column div.introduction_txt {
		text-align:center;
	}
	.gov div#main_column table.cell2 th,.gov div#main_column table.cell2 td {
		border:none;
		border-top: 1px solid #ddd;
		border-left: 1px solid #ddd;
		border-right: 1px solid #ddd;
		border-bottom:1px solid #ddd;
		width:auto;
		display: block;
	}

	div#main_column .cell3 { margin: 0; }
	div#main_column .cell3 tr {
		display:block;
	}
	div#main_column .cell3 th.rsp_none {
		display:none;
	}
	div#main_column .cell3 th {
		display: block;
		width: auto;
		background: #eee;
		border:none;
		border-left: 1px solid #ddd;
		border-right: 1px solid #ddd;
	}
	div#main_column .cell3 td {
		display: list-item;
		border:none;
		padding: 5px 0 0px 5px;
		border-left: 1px solid #ddd;
		border-right: 1px solid #ddd;
		border-bottom:1px solid #ddd;
	}
	/* link */
	div.link_box {
		text-align:center;
	}
	#main_column .hentry img {
		float:none;
		overflow:hidden;
	}
	div#main_column div.link_box h5,
	div#main_column div.link_box p {
		text-align:left;
	}
	/* インディアン・フィルム・フェスティバル・ジャパン(IFFJ)2016 */
	div#main_column div#filmfestival_tit em {
		text-align:left;
	}
	div#filmfestival_tit {
		width:100%;
		height:auto;
		background: url("img/page/indianfilmfestival/bg_tit_2017_res.jpg") no-repeat #15900f;
		background-size:contain;
	}
	.indianfilmfestival2016 div#filmfestival_tit {
		width:100%;
		height:auto;
		background: url("img/page/indianfilmfestival/bg_tit_2016_res.jpg") no-repeat #d91e25;
		background-size:contain;
	}
	div#main_column div#filmfestival_tit div#pic_tit {
		padding-right:110px;
		background: url("img/page/indianfilmfestival/iffj_6th.gif") no-repeat right bottom;
	}
	.indianfilmfestival2016 div#main_column div#filmfestival_tit div#pic_tit {
		background: url("img/page/indianfilmfestival/iffj_5th.gif") no-repeat right bottom;
	}

	/* ソーシャルボタン */
	.wp_social_bookmarking_light {
		float:none;
	}
	div#main_column ul.post_date {
		overflow:hidden;
		margin-bottom:4px;
	}
	/* Search
	------------------------- */
	form.searchform select {
		display:block;
		margin:10px 10px 0 0;
	}
	/* ButtonデザインAタイプ */
	.btnA a {
		display:block;
		overflow:hidden;
		margin:10px auto;
	}
	div#pic_tit {
		top:0px;
		font-size:100%;
	}
	div#main_column div#filmfestival_tit div#pic_tit {
		padding-right:50px;
	}
	div#main_column div#filmfestival_tit strong {
		line-height: 110%; 
	}
	div#main_column div#filmfestival_tit em {
		font-weight: normal;
		letter-spacing: -0.1px;
		padding: 0 0 10px 0;
		line-height: 110%;
	}
}
/* ---------------------------------
 [2] 480px <= width <= 768px
 --------------------------------- */
@media screen and (min-width:640px) and (max-width: 768px) {
	/* [2] header
	 --------------------------------- */
	/* [2] main
	 --------------------------------- */
	div#pic_tit {
		top:0px;
		left:0px;
		padding-top: 200px;
		font-size:100%;
	}
	div#main_column div#filmfestival_tit strong {
		line-height: 110%; 
	}
	div#main_column div#filmfestival_tit em {
		font-weight: normal;
		letter-spacing: -0.1px;
		padding: 0 0 10px 0;
		line-height: 110%;
	}
}
@media screen and (min-width:480px) and (max-width: 640px) {
	/* [2] header
	 --------------------------------- */
	/* [2] main
	 --------------------------------- */
	div#pic_tit {
		top:0px;
		left:0px;
		padding-top: 170px;
		font-size:100%;
		margin-right: 0px
	}
	div#main_column div#filmfestival_tit div#pic_tit {
		padding-right:100px;
	}
	div#main_column div#filmfestival_tit strong {
		line-height: 110%; 
	}
	div#main_column div#filmfestival_tit em {
		font-weight: normal;
		letter-spacing: -0.1px;
		padding: 0 0 10px 0;
		line-height: 110%;
	}
}
/* ---------------------------------
 [3] 360px <= width <= 480px
 --------------------------------- */
@media screen and (min-width:361px) and (max-width: 480px) {
	/* [3] header
	 --------------------------------- */
	 div#share {
		position:static;
		width: auto;
		margin:0 10px 5px;
	}
	div#header_top {
		background:  url("img/back/bg_header_top.png") no-repeat scroll left bottom;
	}
	ul#time {
		border-right: none;
		float: none;
		text-align:center;
		margin:0 auto;
		display:inline-block;
	}
	ul#time li {
		float:left;
		text-align:center;
	}
	ul#time li#japan {
		margin-left:10px;
	}
	div#weather_area {
		float: none;
		padding: 0 0 0 10px !important;
		display:inline-block;
	}
	/* [3] main
	 --------------------------------- */
	/* ButtonデザインAタイプ */
	.btnA a {
		width:80%;
		font-size:1rem;
	}
	/*page*/
	/* Search
	------------------------- */
	form.searchform select {
		display:block;
		margin:10px 10px 0 0;
	}
	span.rsp_db {
		display:block;
	}
	div#search1 span.f {
		margin-top:10px;
	}
	a,#tagSelect,#tagSelect2 {
		margin-top:15px;
	}
		ul#sub_menu li a {
		margin-top:0px;	
	}
	form.searchform span#fa1.fa-calendar {
		margin:17px 0 0 80px;
		left:0;
	}
	form.searchform span#fa2.fa-calendar {
		margin:17px 0 0 80px;
		left:0;
	}
	form.searchform span#fa3.fa-calendar {
		margin:17px 0 0 215px;
		left:0;
	}
	div#pic_tit {
		top:0px;
		left:0px;
		padding-top: 135px;
		font-size:100%;
		margin-right:0px;
	}
	div#main_column div#filmfestival_tit div#pic_tit {
		padding-right:70px;
		background: url("img/page/indianfilmfestival/iffj_6th_w64.gif") no-repeat right bottom;
	}
	.indianfilmfestival2016 div#main_column div#filmfestival_tit div#pic_tit {
		background: url("img/page/indianfilmfestival/iffj_5th_w64.gif") no-repeat right bottom;
	}
	div#main_column div#filmfestival_tit strong {
		line-height: 110%; 
	}
	div#main_column div#filmfestival_tit em {
		font-weight: normal;
		letter-spacing: -0.1px;
		padding: 0 0 10px 0;
		line-height: 110%;
	}
}
/* ---------------------------------
 [4] 320px <= width <= 360px
 --------------------------------- */
@media screen and (min-width:321px) and (max-width: 360px) {
	/* [4] header
	 --------------------------------- */
	div#share {
		position:static;
		width: auto;
		margin:0 10px 5px;
	}
	div#header_top {
		background:  url("img/back/bg_header_top.png") no-repeat scroll left bottom;
	}
	ul#time {
		border-right: none;
		float: none;
		text-align:center;
		margin:0 auto;
		display:inline-block;
	}
	ul#time li {
		/*float:left;*/
		text-align:center;
	}
	ul#time li#japan {
		/*margin-left:10px;*/
	}
	div#weather_area {
		float: none;
		padding: 0 0 0 10px !important;
		display:inline-block;
	}
	/* [4] main
	 --------------------------------- */
	/* ButtonデザインAタイプ */
	.btnA a {
		width:100%;
		font-size:1rem;
	}
	/* [4] H
	 --------------------------------- */
	/*page*/
	/* Search
	------------------------- */
	form.searchform select {
		display:block;
		margin:10px 10px 0 0;
	}
	form.searchform input[type="submit"],
	form.searchform input[type="button"],
	form.searchform input[type="button"].searchsubmit {
		margin-top:5px;
		display:block;
		/*margin:0 auto;*/
	}
	span.rsp_db {
		display:block;
	}
	div#search1 span.f {
		margin-top:10px;
	}
	a,#tagSelect,#tagSelect2 {
		margin-top:15px;
	}
		ul#sub_menu li a {
		margin-top:0px;	
	}
	form.searchform span#fa1.fa-calendar {
		margin:17px 0 0 80px;
		left:0;
	}
	form.searchform span#fa2.fa-calendar {
		margin:17px 0 0 80px;
		left:0;
	}
	form.searchform span#fa3.fa-calendar {
		margin:17px 0 0 215px;
		left:0;
	}
	div#pic_tit {
		top:0px;
		left:0px;
		padding-top: 100px;
		font-size:100%;
	}
	div#main_column div#filmfestival_tit div#pic_tit {
		padding-right:40px;
		background: url("img/page/indianfilmfestival/iffj_6th_w46.gif") no-repeat right bottom;
	}
	.indianfilmfestival2016 div#main_column div#filmfestival_tit div#pic_tit {
		background: url("img/page/indianfilmfestival/iffj_5th_w46.gif") no-repeat right bottom;
	}
	div#main_column div#filmfestival_tit strong {
		line-height: 110%; 
	}
	div#main_column div#filmfestival_tit em {
		font-weight: normal;
		letter-spacing: -0.1px;
		padding: 0 0 10px 0;
		line-height: 110%;
	}
}
/* ---------------------------------
 [5] 1px <= width <= 319px
 --------------------------------- */
@media screen and (min-width:1px) and (max-width: 320px) {
	/* [5] header
	 --------------------------------- */
	div#share {
		position:static;
		width: auto;
		margin:0 10px 5px;
	}
	div#header_top {
		background: url("img/back/bg_header_top.png") no-repeat scroll left bottom;
	}
	ul#time {
		border-right: none;
		float: none;
		text-align:center;
		margin:0 auto;
		display:inline-block;
	}
	ul#time li {
		/*float:left;*/
		text-align:center;
	}
	ul#time li#japan {
		/*margin-left:3px;*/
	}
	div#weather_area {
		float: none;
		padding: 0 0 0 10px !important;
		display:inline-block;
	}
	/* [5] main
	 --------------------------------- */
	/* ButtonデザインAタイプ */
	.btnA a {
		width:100%;
		font-size:1rem;
	}
	/* Search
	------------------------- */
	form.searchform select {
		display:block;
		margin:10px 10px 0 0;
	}
	form.searchform input[type="submit"],
	form.searchform input[type="button"],
	form.searchform input[type="button"].searchsubmit {
		margin-top:5px;
		display:block;
		/*margin:0 auto;*/
	}
	span.rsp_db {
		display:block;
	}
	div#search1 span.f {
		margin-top:10px;
	}
	a,#tagSelect,#tagSelect2 {
		margin-top:15px;
	}
		ul#sub_menu li a {
		margin-top:0px;	
	}
	form.searchform span#fa1.fa-calendar {
		margin:17px 0 0 80px;
		left:0;
	}
	form.searchform span#fa2.fa-calendar {
		margin:17px 0 0 80px;
		left:0;
	}
	form.searchform span#fa3.fa-calendar {
		margin:17px 0 0 215px;
		left:0;
	}
	div#pic_tit {
		top:0px;
		left:0px;
		padding-top: 80px;
		font-size:100%;
	}
	div#main_column div#filmfestival_tit div#pic_tit {
		padding-right:40px;
		background: url("img/page/indianfilmfestival/iffj_6th_w46.gif") no-repeat right bottom;
	}
	.indianfilmfestival2016 div#main_column div#filmfestival_tit div#pic_tit {
		background: url("img/page/indianfilmfestival/iffj_5th_w46.gif") no-repeat right bottom;
	}
	div#main_column div#filmfestival_tit strong {
		line-height: 110%; 
	}
	div#main_column div#filmfestival_tit em {
		font-weight: normal;
		letter-spacing: -0.1px;
		padding: 0 0 10px 0;
		line-height: 110%;
	}
/* End of CSS */