@charset "UTF-8";

/*
theme Name: jyouchi
*/

@media screen and (min-width: 720px) and (max-width: 965px) {


/********************************
HEADER
*********************************/
#Header .main_conbx .mainbx_in {
    width:auto;
    margin: 0 auto;
	padding:0 10px 0 10px;
}

#Header .main_conbx .btm_lnkbx .linbx_in {
    width:auto;
    margin: 0 auto;
	padding:0 10px 0 10px;
}

#Header .main_conbx .btm_lnkbx .linbx_in ul {
	margin:20px 0 5px 0;
	display:table;
}

#Header .main_conbx .btm_lnkbx .linbx_in ul li:first-child {
    width:10%;
    text-align: center;
    height: 80px;
}

#Header .main_conbx .btm_lnkbx .linbx_in ul li{
	width:18%;
	display:table-cell;
	float:none;
	vertical-align:top;
}

#Header .main_conbx .btm_lnkbx .linbx_in ul li a {
    background: url(../../images/dot_line.png) no-repeat left 25%;
    float: left;
    width: 100%;
    text-align: center;
	display:block;
	padding:0;
	height:76px;
}



/********************************
FOOTER
*********************************/
#FOOTER .main_ftbx .main_ftbxin .bxin_txtbx {
	width:auto;
	margin: 0 auto;
	padding:0px 10px;
}

#FOOTER .main_ftbx .main_ftbxin .bxin_txtbx .txxtct {
    width:15% !important;
}

#FOOTER .main_ftbx .main_ftbxin .bxin_txtbx .txxtct:first-child {
    width:13% !important;
}

#FOOTER .main_ftbx .main_ftbxin .bxin_txtbx .txxtct:nth-child(2) {
    width:19% !important;
}

#FOOTER .main_ftbx .main_ftbxin .bxin_txtbx .txxtct:nth-child(3) {
    width:18% !important;
}

#FOOTER .main_ftbx2 .main_ftbx2in {
    width:auto;
    margin: 0 auto;
}

#FOOTER .main_ftbx2 {
	padding: 20px 10px 20px 10px;
}
#FOOTER .main_ftbx2 .main_ftbx2in .ulbx{
	margin: 0 0 10px 0;
}

#FOOTER .main_ftbx2 .main_ftbx2in .ulbx ul {
	float:none;
	margin:8px 0px 0px 0px;
}

#FOOTER .main_ftbx2 .main_ftbx2in address {
	margin:15px 0px 0px 0px;
}
/********************************
contents
*********************************/

#Mainbox {
	width: 68%;
}

.com_box {
    width: auto;
    margin: 0 10px;
    padding: 30px 0 50px 0;
}

.com_pan {
    width: auto;
    margin: 0 10px;
    padding: 17px 0;
}

.com_tab {
	display:block;
}


.com_pgrbx ul li{
	width:160px;
}

.com_pgrbx ul li.prev{
	width:100px;
}
.com_pgrbx ul li.next{
	width:100px;
}

/********************************
トップ
*********************************/

#TOPBX .topibx {
    padding: 0;
}

#TOPBX .main_conbx {
	width: auto;
	margin: 0 auto;
	padding: 0 0 50px 0;
}

#TOPBX .cnt_lnkbx{
	padding:0 10px;
}

#TOPBX .cnt_lnkbx .cnt_lnkin {
	width:auto;
}

#TOPBX .main_conbx .conbx_all {
    width: auto;
    margin: 0 auto;
    padding: 30px 0 0 0;
}

#TOPBX .main_conbx .conbx_all .m_box{
	padding:0 10px;
}

#TOPBX .main_conbx .main_conbxin{
    width:48%;
    float: left;
}

#TOPBX .main_conbx .main_conbxin2 {
    width:48%;
    float: right;
}
#TOPBX .main_conbx .new .main_conbxin ul {
    height: auto;
    overflow-y: inherit !important;
}
#TOPBX .cnt_lnkbx .cnt_lnkin p {
    float: left;	
}

#TOPBX .cnt_lnkbx .cnt_lnkin p img{
	width:100%;
	height:auto;
}

#TOPBX .cnt_lnkbx .cnt_lnkin p iframe{
	width:100%;
	height:auto;
}

#TOPBX .cnt_lnkbx .cnt_lnkin p.lnk_img {
	margin:0;
	width:48%;
}

#TOPBX .cnt_lnkbx .cnt_lnkin p.lnk_img2 {
    width: 48%;
}

#TOPBX .cnt_lnkbx .cnt_lnkin p.lnk_img2 .com_pc{
	display:none;
}

#TOPBX .cnt_lnkbx .cnt_lnkin p.lnk_img2 .com_tab{
	display:block;
}

#TOPBX .cnt_lnkbx .cnt_lnkct p img{
	width:100%;
	height:auto;
}

#TOPBX .cnt_lnkbx .cnt_lnkct {
	width:48%;
}

#TOPBX .cnt_lnkbx .fbx {
	width:48%;
}

#TOPBX .cnt_lnkbx .fbx .com_pc{
	display:none;
}

#TOPBX .cnt_lnkbx .fbx .com_tab{
	display:block;
}

#TOPBX .topibx {
	width: auto;
}
#TOPBX .topibx ul{
	width:auto;
	padding:0 10px;
	display:table;
}

/*#TOPBX .topibx ul li:first-child{
	border-left:none;
	width:20%;
}

#TOPBX .topibx ul li:last-child{
	border-right:none;
	width:20%;
}*/

#TOPBX .topibx ul li{
	margin:0 1.5% 20px 1.5%;
	width:30%;
}

#TOPBX .topibx.new ul li{
	margin:0 1.5% 20px 1.5%;
	width:30%;
}

#TOPBX .topibx ul li img{
	width:100%;
}

#TOPBX .topibx ul li:nth-child(3){
	margin:0 1.5% 20px 1.5%;
}

#TOPBX .topibx ul li:nth-child(4){
	margin:0 1.5% 0 1.5%;
}
#TOPBX .topibx ul li:last-child{
	margin:0 1.5% 0 1.5%;
}

#TOPBX .infobox {
    margin: 0 10px 30px 10px;
}

#TOPBX .infobox .com_bgbx{
	padding: 60px 15px 60px 15px !important;
}

#TOPBX .infobox .listbox .listin li a {
    padding: 0 10px;
}

#TOPBX .infobox .listbox .listin li a .listct .lict dl dt {
    padding: 13px 0 13px 0px;
}

#TOPBX .infobox .listbox .listin li a .listct .ctgbx {
    padding: 0 0px 0 0;
}


/********************************
新着情報
*********************************/
#NWBX .infobox .listbox .listin li a .listct {
    padding: 15px 10px;
    position:relative;
}

#NWBX .infobox .detailbox .txtbox .img img{
	max-width:400px;
}

/********************************
研究所の活動
*********************************/
#ATBX .topibx {
    width: auto;
}

#ATBX .topibx ul {
    margin: 0;
}

#ATBX .topibx ul li {
    float: left;
    margin: 0 1.5% 30px 1.5%;
    width: 30%;
}

#ATBX .topibx ul li img{
    width: 100%;
}

#ATBX .actsbox .themebox .grabx p{
	float:left;
	padding:0 4% 0 0;
	width:48%;
}

#ATBX .actsbox .themebox .grabx p:last-child{
	padding:0 0 0 0;
}

#ATBX .actsbox .themebox .grabx p img{
	width:100%;
}


/********************************
研究所について
*********************************/

#ABTBX .topibx {
    width: auto;
}

#ABTBX .topibx ul {
    margin: 0;
}

#ABTBX .topibx ul li {
    float: left;
    margin: 0 1.5% 30px 1.5%;
    width: 30%;
}

#ABTBX .topibx ul li img{
    width: 100%;
}

#IDABX .idea_bx p.img img{
	width:100%;
}

#STFBX .mbox .mbox_in .stf_bx {
    padding: 30px 0 30px 0;
    display:table;
    width:100%;
}

#STFBX .mbox .mbox_in .stf_bx .stf {
    width: 48%;
    float: left;
    margin: 0 0 0 0;
    padding: 0 1%;
}

#STFBX .mbox .mbox_in .stf_bx .stf.ver2 {
    width:  48%;
    float: right;
    margin: 0;
}

#IDABX .linkbx .linkin ul{
	margin:0;
}
#IDABX .linkbx .linkin ul li{
	float:none;
	margin:0 0 0 0;
	width:auto;
}

#IDABX .linkbx .linkin ul li:nth-child(1){
	border-top: 0;
}
#IDABX .linkbx .linkin ul li:nth-child(2){
	border-top: 0;
}

/*-------------------出版物--------------------*/

#PBLBX .pblbox .pblin .pblct .bookbx{
	width:48%;
}

#PBLBX .mbox .mbox_in .stf_bx .stf {
    width: 42%;
    margin: 0 40px 0 0;
}

#PBLBX .mbox .mbox_in .stf_bx .stf ul li.btn {
    width: 140px;
}
/*-------------------USJI--------------------*/

#USJBX .text {
	padding: 0;
}

#USJBX .text .textin .imbx img{
	width:100%;
	max-width:660px;
}


/********************************
アクセス
*********************************/

#ACSBX .text p.map img{
	width:100%;
	max-width:758px;
}

/********************************
サイトマップ
*********************************/

#STEBX .text .lefbx {
    width: 48%;
}


}



@media screen and (min-width: 720px) and (max-width: 1200px) {

#TOPBX .main_bx {
    width:auto;
    margin: 0;
}

#TOPBX .main_bx.new {
    width:auto;
    margin: 0;
}

#TOPBX .main_bx ul li{
	width:100%;
}


#TOPBX .main_bx ul li img{
	width:100% !important;
	height:auto;

}

#TOPBX .main_bx li p.bxin_btn {
    top: 64%;
    left: 50%;
    margin: 0 0 0 -109px;
}

}