/*===============================================
画面の横幅が640pxまで
===============================================*/
@media only screen and (min-width: 320px) and (max-width: 640px) {

/* Styles */
/*html{overflow-y: hidden!important;}*/
div#respmenu{width:100%!important;}
ul, ol {
padding: 0!important;
margin: 0!important;
}



body {	width: 100%!important;
	min-width: 0;
	background-image: none;
}
#container{ width:100% !important;}
h1, .subpage_header h1 { font-size: 23px !important; line-height: 15px; }
h2 { font-size: 18px !important; line-height: 18px; }
h3 { font-size: 16px !important; line-height: 22px; }
h4 { font-size: 14px !important; line-height: 20px; }
h5 { font-size: 14px !important; line-height: 18px; }
h6 { font-size: 14px !important; line-height: 16px; }
img{
    max-width: 100%;
    height: auto;
    width /***/:auto;　
}

/* Headers */
#header{width: 100% !important;}
/*広告は隠す*/
#adspace01{display: none;}
.smp_add{text-align: center !important;}
/*検索*/
#header h1{
	text-align: center;
	float: left;
	width: 70%;
	margin-left: 5px;
	padding: 0px;
}
#header_right{width: 90% !important;}
#search-box{
	width: 100% !important;
	text-align: center !important;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	float: none !important;	
}
.semibanner{display: none !important;}
/*メニューのためのスタイル*/
div#gmenu {background-image:none!important;}
div#upper{
	width: 100% !important;
	background-image: none!important;
	margin-bottom: 10px!important;
	border: none!important;
	/* height:30px!important; */
	line-height:15px!important;	
}
div#upper ul li a {
	background-image: none!important;
	font-size: 16px!important;

}
div#upper ul, div#lower ul {
width: 100% !important;
/*min-height: 28px!important;*/
}
div#upper ul li a, div#lower ul li a {
float: left;
line-height: 24px;
padding: 5px 0px!important;
font-size: 14px;
/* margin-right:5px!important; */
/* margin-bottom:10px!important; */
display:block!important;
width:33%!important;
background-color: #004EA2!important;
text-align:center;
color:#fff;
border-bottom: 1px solid #002852;
border-left: 1px solid #002852;
}
div#lower {display: none;
/*width: 98% !important;
height: auto !important;
margin: 0 auto;
border: none!important;
border-top: none;
background: url(../img/gmenu_lower_bg01.jpg) repeat-x;*/
}
/* new メニュー */
.btn_menu {float: right; padding: 4px 12px; margin-right: 5px; background: #004EA2; text-align: center;}
.btn_menu span {color: #FFF; font-size: 18px;}
.btn_menu p {color: #FFF; margin: 0px;}
#globalnavi{
	display:none;
	position:absolute;
	top:0;
	width:100%;
}
#globalnavi.open_menu{
	display:block;
	z-index:1;
}
#globalnavi li a{
	background:url('../resp/img/icon-left.png') 97% center no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #000000), color-stop(0.00, #333333));
	background:url('../resp/img/icon-left.png') 97% center no-repeat, -webkit-linear-gradient(top, #333333 0%, #000000 100%);
	background:url('../resp/img/icon-left.png') 97% center no-repeat, -moz-linear-gradient(top, #333333 0%, #000000 100%);
	background:url('../resp/img/icon-left.png') 97% center no-repeat, -o-linear-gradient(top, #333333 0%, #000000 100%);
	background:url('../resp/img/icon-left.png') 97% center no-repeat, -ms-linear-gradient(top, #333333 0%, #000000 100%);
	background:url('../resp/img/icon-left.png') 97% center no-repeat, linear-gradient(top, #333333 0%, #000000 100%);
	border-bottom:1px solid #333;
	text-decoration:none;
	color:#fff;
	display:block;
	padding:15px 10px;
}
#openmenu2{
	padding:15px 10px;
	background-color:#000;
	color:#fff;
	border-bottom:2px solid #FFF;
}




div#contentsBox {
width:100% !important;
margin: 0 auto;
background: white;
}
/*レフトカラムスタイル*/
#columnL {
display: none;
}
/*センターカラムスタイル*/

#columnC {
display: inline;
width: 100% !important;
margin: 10px 0 20px;
float: left !important;
}
.title_box01 h2 {width: 90% !important;}
.title_box02 h2 {width: 90% !important;}
#news_box01 {
	width: 100% !important;
	border-right-style: none !important;
	border-left-style: none !important;
}
.title_box01 p {
	display: inline;
	width: 62px;
	height: 19px;
	float: right;
	margin-top: -18px!important;
	margin-right: 4px;
	margin-bottom: 4px;
	margin-left: 4px;
}
.title_box01 {
width: 100% !important;
height: 31px;
margin: 0 0 10px;
background: url(../img/title468_blue.jpg)  top left;
float: left;
}
.fe_topnews_contents {
width: 98% !important;
margin: 0 15 0 0px!important;
}
.topnews_contents dd {
	padding: 10px 0 10px 0 !important;
}
.topnews_contents dd {
width: 96% !important;
line-height: 1.5em;
border-bottom: 1px dashed silver;
}
.nextnews_contents ul li a {
padding-right: 0px!important;
margin-right:0px!important;
}
.topnews_contents {
width: 96% !important;
margin: 0 10px 0;
}
#news_box02 {
width: 100% !important;
}
.title_box02 p {
	display: inline;
	width: 62px;
	height: 19px;
	float: right;
	margin-top: -18px!important;
	margin-right: 4px;
	margin-bottom: 4px;
	margin-left: 4px;
}
.title_box02 {
width: 100% !important;
height: 31px;
margin: 0 0 10px;
background: url(../img/title468_red.jpg)  top left;
float: left;
}
#news_box01 dd {
	width: 98% !important;
	padding-top: 10px;
	padding-right: 0px !important;
	padding-bottom: 10px;
	padding-left: 0px !important;
}

.fe_topnews_contents dd {
padding: 10px 0 10px 10px!important;
line-height: 1.5em;
}
.fe_topnews_ph img{
	height: 100px;
	width: 100px;
}
.fe_nextnews_contents img{
	height: 50px;
	width: 50px;
	text-align:right!important;
}
.fe_nextnews_contents {width: 96% !important;}
.fe_left, .fe_right {
width: 48% !important;
}
.nextnews_contents {
width: 96% !important;
margin: 10px;
}
.toppage-widget {display: none;}
/*ライトカラムのスタイル*/
#columnR{
	width: 100% !important;
	float: left !important;
}
#pickup_title_box h2 {
/*width: 100%;*/
font-weight: bold;
padding: 4px 0 0 25px;
}
#pickup_box{width: 100% !important;}
#pickup_box {
background: #DFDFDF;
width: 100%!important;
margin: 0 0 10px;
	border-right-style: none !important;
	border-left-style: none !important;
}
#pickup_title_box {
width: 100% !important;
height: 31px;
margin: 0 0 10px;
background: url(../img/title468_blue.jpg)  top left;
}
.right-sidebar-widget{display: none;}



div#footer_inner {
	width:98%!important;
	height: auto!important;
}
div#respmenu_f{
	width:96%!important;
	margin-left: auto!important;
	margin-right: auto!important;
	font-size;10px!important;
}
div#respmenu_f span a {
font-size: 12px;
font-weight: bold;
line-height: 1em;
}
span.link a{
	font-size;10px!important;
	display:block!important;
	float:left!important;
	width: 130px!important;
	margin-bottom: 5px!important;
	text-align: center!important;
	background: url(../img/arrow_gray03.jpg) no-repeat 0 0.25em;
}
div#f_menu{
	width: 98%!important;
	/*margin-left: 10px!important;*/
	margin-bottom: 20px!important;
	margin-left: auto!important;
	margin-right: auto!important;
	display: block!important;
	float: none!important;
}
div#f_menu ul {
	width: 20.5em!important;
	margin-left: auto!important;
	margin-right: auto!important;
	text-align: center!important;
}

div#f_menu ul li {
	padding: 0 1em 0.2em 15px!important;
	background: url(../img/arrow_gray03.jpg) no-repeat 0 0.25em!important;
	line-height: 1.2em!important;
	list-style-type: none!important;
	padding: 0.25em 1em 0.2em 15px	9!important;
	background: url(../img/arrow_gray03.jpg) no-repeat 0 0.25em 9!important;
	background: url(../img/arrow_gray03.jpg) no-repeat 0 3em url(0/)!important;
	float:none!important;
	display:inline!important;
}
.menu-footer_nav-container{
	text-align: center!important;
	margin-left: auto!important;
	margin-right: auto!important;

}
#toTop{display: none!important;}
div#copyright{
	width: 95%;!important;
	text-align: center!important;
	padding-top: 15px!important;
}
p.float-btn{display: none!important;}

/*コンテンツ　カラム*/
#columnR_770 {
display: inline;
/*width:96%!important;*/
width:99%!important;
margin: 10px auto 10px auto!important;
float: left!important;
}
.box770 {
width:96%!important;
padding:10px!important;
}
.datebox {
width:99%!important;
background: silver;
font-size: 12px;
padding: 3px 3px 3px 5px;
margin: 0 0 10px;
}
/*コンテンツ　ぱんくず*/
#pankuzu-list01{
width:97%!important;
font: 12px;
border-bottom: 1px solid silver;
padding: 10px 0 5px 10px!important;
float: left;
}
#pankuzu-list02{
width:97%!important;
font: 12px;
border-bottom: 1px solid silver;
padding: 10px 0 5px 10px!important;
float: left;
}
/*コンテンツ　テーブル*/
table.table01 {
width:100%!important;
background: white;
margin: 0 0 0px!important;
}
.name02{text-align:center!important;}
td.date04 {
width:10%!important;
text-align: center;
}

#single-page-ads{display: none!important;}

/*コンテンツ　テーブル*/
div#sitemap{

	margin:0 0 0 25px!important;
}
/*画像テーブル*/
.phbox {
width:96%!important;
border-bottom-width: 1px!important;
border-top-style: none!important;
border-right-style: none!important;
border-bottom-style: solid!important;
border-left-style: none!important;
border-bottom-color: #CCC!important;
background: white;
padding: 10px -10px 0 0 !important;
margin: 0 -10px 10px 0px!important;
float: left!important;
text-align: center!important;
}
/*ページ送り・関連記事*/
#page-navi {
width:96%!important;
position: relative;
overflow: hidden;
padding: 10px!important;
}
#related-posts {
width:96%!important;
margin: 10px 0;
padding: 10px!important;
border-top: 1px dotted #CCC;
}
/*記事申請*/
.box770 ol {
list-style-type: none;
margin: 0 0 0 2em;
text-indent: -2em;
padding: 0 0 0 30px!important;
}
/*記事一覧*/
div.twoc_listbox{
list-style-type: none;
padding:10px!important;
}
div.twoc_listbox_btm{padding:5px!important;}
/*サブメニュー*/
ul.drop{padding-left:30px!important;}
/*この企業に注目*/
.featured_company .box770_clm {
clear: both;
width: 96%!important;
padding: 10px!important;
background: #CAEDFF;
margin: 10px 0 10px 0!important;
}
/*フォーム*/
#formmail th {
width: 30%!important;
padding-left: 10px;
background: #D4FFAA;
text-align: left;
font-size:12px!important;
}
#formmail td {
width: 70%!important;
padding-left: 10px;
background: #D4BFFF;
font-size:12px!important;
}
#formmail .size30 {
width: 50%!important;
}
#formmail .size50 {
width: 60%!important;
}
#formmail .size90 {
width: 96%!important;
}

/* 市場カレンダー by nishi */
#market-calendar h3 {
	font-size: 24px!important;
	line-height: 1.2;
}

#market-calendar h4 {
	font-size: 16px!important;
}

#market-calendar ul.calendar-nav {
	display: block!important;
}

#market-calendar ul.calendar,
#market-calendar ul.calendar li,
#market-calendar ul.calendar li table {
	width: 100%!important;
}

#market-calendar ul.calendar li {
	float: none!important;
	display: block!important;
	margin-right: 0!important;
}

#market-calendar p.totop {
	display: block!important;
}

.page-template-calendar-php #columnL {
	display: block;
	width: auto;
	margin: 20px;
}

#calendar-inner-link1 h2,
#calendar-inner-link2 h2 {
	font-size: 12px!important;
}
#calendar-inner-link1 ,
#calendar-inner-link2 {
	float: left;
	margin-right: 20px;
}

#calendar-inner-link1 ul,
#calendar-inner-link2 ul {
	padding: 5px 5px 5px 11px!important;
}

.submenu02 ul li {
	padding-bottom: .5em;
}

.submenu02 ul li a {
	font-size: 13px;
}

.calendar-notes {
	clear: left;
}

.top-message {
	display: none;
}
#header .header-btn {
	display: none !important;
}
#subscribe {
display: none !important;
}
div#search-box {
    float: none !important;
    margin: 10px 0 0;
    padding-right: 0px !important;
    text-align: right;
    width: 310px !important;
}
div#search-box #submitBtn {
    background: url("../img/btn_search.gif") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    cursor: pointer;
    height: 25px;
    text-align: center;
    width: 54px;
    margin-bottom: 10px!important;
}
div#header_right {
    float: right;
    padding: 0px !important;
    position: relative;
    width: 320px !important;
}
/*********************************************************************
   水産高校
------------------------------------------------------------------- */
@media only screen and (max-width:640px){
    tbody tr{
        display: block;
        margin-bottom: 1.5em;
    }
    tbody th,
    tbody td{
        display: list-item;
        border: none;
    }
}
.center_clm_right{
	width: 100% !important;
	float: left !important;
	text-align: center!important;
}   
td{width: 90% !important; font-size: 16px!important; }
.sh_map{display: none;}
.center_clm_left{width: 100% !important;}
.twoc_listbox_btm{width: 100% !important;}
.local_area{padding-left: 30px !important;}
.sp_c{text-align: center!important;}
/*********************************************************************
   水産高校フォーム
------------------------------------------------------------------- */
.text_form .l_area {float: none; width: 100%;}
.text_form .r_area {float: none; width: 100%; margin-left: 2%;}
/* 水産高校生マーク */
span.highschool{padding: 5px 43px; text-align: center; background: #00C5FF; border: 1px solid #000; display: block; margin-bottom: 10px;}
/* 教職員マーク */
span.highschool_teach{padding: 5px 43px; text-align: center; background: #FFB798; border: 1px solid #000; display: block; margin-bottom: 10px;}
/* テーブル */
#suikou_formmail table {border-top: none; border-left: none;}
#suikou_formmail th,#suikou_formmail td {width: 92% !important; display: block;}
#suikou_formmail th {border-top: 1px solid #ccc; border-left: 1px solid #ccc;}
#suikou_formmail td {border-left: 1px solid #ccc;}
#suikou_formmail input {display: block;}
input.btn { width: 100% !important;}
input.btn_red { width: 100% !important;}
.page-id-26123 #columnR_770 h2.common,
.page-id-26118 #columnR_770 h2.common{font-size: 100% !important;}

/*********************************************************************
   ページナビ
------------------------------------------------------------------- */
.page_navi{width: 90%; margin: 10px auto 20px; padding: 10px; text-align: center; border: 1px solid #CCC; background-color: #004EA2; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
.page_navi a {display: block; color: #FFF;}

/*********************************************************************
   水産アーカイブ
------------------------------------------------------------------- */
.pc{display: none;}
.smp_area{line-height: 1.8em !important;}
.smp_area .date03{padding-top: 15px; border-top: 1px dashed #C0C0C0;}
.smp_area .date03:first-child {border: none;}
.ml8{margin-left: 8px;}
.smp_area tbody th, .smp_area tbody td {margin-bottom: 5px;}

/*********************************************************************
   フォームボタン
------------------------------------------------------------------- */
/* ボタン */
.btnarea {width: 100%; height: auto; margin-top: 30px; margin-bottom: 20px; margin-left: auto; margin-right: auto;}
.btn_area_l {float: none; margin-bottom: 15px;}
.btn_area_r{float: none;}
/* .entry_btn a {width: 100%;height: 60px;color: #fff;display: block;text-align: center;padding-top: 3px;} */
.btn_ltext {font-size: 20px;/* font-family: 'EB Garamond', serif; */display: block;line-height: 36px;}
.btn_stext {font-size: 11px;display: block;margin-top: 0px;}

/* ボタン赤 */
.btn_area_l .entry_btn a {width: 95%; margin: auto; padding: 4% 0; font-size: 18px;}
/* ボタン青 */
.btn_area_r .entry_btn_blue a,
.btn_area_r .entry_btn_grn a {width: 95%; margin: auto; padding: 4% 0; font-size: 16px;}

/*********************************************************************
   紙面見本
------------------------------------------------------------------- */

#mihon td {display: block; width: auto !important;}