@charset "UTF-8";
#main_d .mb06{margin-bottom:6px!important;}
#main_d .mb12{margin-bottom:12px!important;}
#main_d .mb24{margin-bottom:24px!important;}
#main_d .mb36{margin-bottom:36px!important;}
#main_d .mb48{margin-bottom:48px!important;}
#main_d .mb60{margin-bottom:60px!important;}
#main_d .mb72{margin-bottom:72px!important;}
#main_d .mb84{margin-bottom:84px!important;}
#main_d .mb96{margin-bottom:96px!important;}

#main_d .mt06{margin-top:6px!important;}
#main_d .mt12{margin-top:12px!important;}
#main_d .mt24{margin-top:24px!important;}
#main_d .mt36{margin-top:36px!important;}
#main_d .mt48{margin-top:48px!important;}
#main_d .mt60{margin-top:60px!important;}
#main_d .mt72{margin-top:72px!important;}
#main_d .mt84{margin-top:84px!important;}
#main_d .mt96{margin-top:96px!important;}

#main_d .mt05em{margin-top:0.5em!important;}
#main_d .mt10em{margin-top:1em!important;}
#main_d .mt15em{margin-top:1.5em!important;}
#main_d .mt20em{margin-top:2em!important;}
#main_d .mt25em{margin-top:2.5em!important;}
#main_d .mt30em{margin-top:3em!important;}
#main_d .mt35em{margin-top:3.5em!important;}
#main_d .mt40em{margin-top:4em!important;}
#main_d .mt45em{margin-top:4.5em!important;}
#main_d .mt50em{margin-top:5em!important;}
#main_d .mt55em{margin-top:5.5em!important;}
#main_d .mt60em{margin-top:6em!important;}
#main_d .mt65em{margin-top:6.5em!important;}
#main_d .mt70em{margin-top:7em!important;}
#main_d .mt75em{margin-top:7.5em!important;}
#main_d .mt80em{margin-top:8em!important;}
#main_d .mt85em{margin-top:8.5em!important;}
#main_d .mt90em{margin-top:9em!important;}
#main_d .mt95em{margin-top:9.5em!important;}

#main_d .mr06{margin-right:6px!important;}
#main_d .mr12{margin-right:12px!important;}
#main_d .mr24{margin-right:24px!important;}
#main_d .mr36{margin-right:36px!important;}
#main_d .mr48{margin-right:48px!important;}
#main_d .mr60{margin-right:60px!important;}
#main_d .mr72{margin-right:72px!important;}
#main_d .mr84{margin-right:84px!important;}
#main_d .mr96{margin-right:96px!important;}

#main_d .mtb0{margin:0 0 0 0!important;}
#main_d .mtb12{margin:12px 0 12px 0!important;}
#main_d .mtb24{margin:24px 0 24px 0!important;}
#main_d .mtb36{margin:36px 0 36px 0!important;}
#main_d .mtb48{margin:48px 0 48px 0!important;}

#main_d .mrb06{margin:0 6px 6px 0!important;}
#main_d .mrb12{margin:0 12px 12px 0!important;}
#main_d .mrb24{margin:0 24px 24px 0!important;}
#main_d .mrb36{margin:0 36px 36px 0!important;}

#main_d .ml08{margin-left:8px!important;}
#main_d .ml12{margin-left:12px!important;}
#main_d .ml24{margin-left:24px!important;}
#main_d .ml36{margin-left:36px!important;}
#main_d .ml40{margin-left:40px!important;}
#main_d .ml48{margin-left:48px!important;}
#main_d .ml60{margin-left:60px!important;}
#main_d .ml72{margin-left:72px!important;}
#main_d .ml84{margin-left:84px!important;}
#main_d .ml96{margin-left:96px!important;}

.mod_cont ol.numbar.ml0 > li, .mod_cont ul.numbar.ml0 > li,
.flex_half ol.numbar.ml0 > li,
.flex_half ul.numbar.ml0 > li {
  margin-left: 0em;
}

#main_d .ml05em{margin-left:0.5em!important;}
#main_d .ml10em{margin-left:1em!important;}
#main_d .ml15em{margin-left:1.5em!important;}
#main_d .ml20em{margin-left:2em!important;}
#main_d .ml25em{margin-left:2.5em!important;}
#main_d .ml30em{margin-left:3em!important;}
#main_d .ml35em{margin-left:3.5em!important;}
#main_d .ml40em{margin-left:4em!important;}
#main_d .ml45em{margin-left:4.5em!important;}
#main_d .ml50em{margin-left:5em!important;}
#main_d .ml55em{margin-left:5.5em!important;}
#main_d .ml60em{margin-left:6em!important;}
#main_d .ml65em{margin-left:6.5em!important;}
#main_d .ml70em{margin-left:7em!important;}
#main_d .ml75em{margin-left:7.5em!important;}
#main_d .ml80em{margin-left:8em!important;}
#main_d .ml85em{margin-left:8.5em!important;}
#main_d .ml90em{margin-left:9em!important;}
#main_d .ml95em{margin-left:9.5em!important;}


#main_d .mlr08{margin-left:8px!important;margin-right:8px!important;}
#main_d .mlr12{margin-left:12px!important;margin-right:12px!important;}
#main_d .mlr24{margin-left:24px!important;margin-right:24px!important;}
#main_d .mlr36{margin-left:36px!important;margin-right:36px!important;}

#main_d .ma05{margin:5px!important;}

#main_d .m0 {margin:0!important;}
#main_d .mb0 { margin-bottom:0!important; }
#main_d .mt0 { margin-top:0!important; }
#main_d .ml0 { margin-left:0!important; }
#main_d .mr0 { margin-right:0!important; }

#main_d .pb0 { padding-bottom:0!important; }
#main_d .pt0 { padding-top:0!important; }
#main_d .pl0 { padding-left:0!important; }
#main_d .pr0 { padding-right:0!important; }

#main_d .ptb0 { padding-top:0!important;padding-bottom:0!important; }
#main_d .ptb5 { padding-top:5px!important;padding-bottom:5px!important; }
#main_d .ptb10 { padding-top:10px!important;padding-bottom:10px!important; }
#main_d .ptb15 { padding-top:15px!important;padding-bottom:15px!important; }
#main_d .ptb20 { padding-top:20px!important;padding-bottom:20px!important; }
#main_d .ptb25 { padding-top:25px!important;padding-bottom:25px!important; }
#main_d .ptb30 { padding-top:30px!important;padding-bottom:30px!important; }

#main_d .plr0 { padding-left:0!important;padding-right:0!important; }
#main_d .plr5 { padding-left:5px!important;padding-right:5px!important; }
#main_d .plr10 { padding-left:10px!important;padding-right:10px!important; }
#main_d .plr15 { padding-left:15px!important;padding-right:15px!important; }
#main_d .plr20 { padding-left:20px!important;padding-right:20px!important; }
#main_d .plr25 { padding-left:25px!important;padding-right:25px!important; }
#main_d .plr30 { padding-left:30px!important;padding-right:30px!important; }

.p15 {  padding:15px !important;}
.p25 {  padding:25px !important;}
.p35 {  padding:35px !important;}

/*テーブル関連*/
/*枠線を消す*/
#main_d table.border-none,
#main_d table.border-none tr,
#main_d table.border-none th,
#main_d table.border-none td {
    border: none!important;
}


#main_d table th.dotted,
#main_d table tr.dotted,
#main_d table td.dotted
{
  border-bottom:2px dotted #d5d5d5!important;
}

#main_d table th.dashed_b,
#main_d table tr.dashed_b,
#main_d table td.dashed_b
{
  border-bottom:1px dashed #d5d5d5!important;
}
#main_d table th.dashed_t,
#main_d table tr.dashed_t,
#main_d table td.dashed_t
{
  border-top:1px dashed #d5d5d5!important;
}
#main_d table th.dashed_r,
#main_d table tr.dashed_r,
#main_d table td.dashed_r
{
  border-right:1px dashed #d5d5d5!important;
}
#main_d table th.dashed_l,
#main_d table tr.dashed_l,
#main_d table td.dashed_l
{
  border-left:1px dashed #d5d5d5!important;
}

#main_d table tr td.borderrightnone{
border-right:0!important;
}
#main_d table tr td.borderleftnone{
border-left:none!important;
}

#main_d th.border-r-none,
#main_d td.border-r-none{
border-right:hidden!important;
}
#main_d th.border-l-none,
#main_d td.border-l-none{
border-left:hidden!important;
}
#main_d th.border-b-none,
#main_d td.border-b-none{
border-bottom:hidden!important;
}
#main_d th.border-t-none,
#main_d td.border-t-none{
border-top:hidden!important;
}

#main_d tr.border-none,
#main_d th.border-none,
#main_d td.border-none{
border:hidden!important;
}



#main_d table.valign_t,
#main_d table.valign_t tr,
#main_d table.valign_t th,
#main_d table.valign_t td,
#main_d table tbody.valign_t,
#main_d table tbody.valign_t tr,
#main_d table tbody.valign_t th,
#main_d table tbody.valign_t td,
#main_d table thead.valign_t,
#main_d table thead.valign_t tr,
#main_d table thead.valign_t th,
#main_d table thead.valign_t td,
#main_d table tr.valign_t th,
#main_d table tr.valign_t td,
#main_d table th.valign_t,
#main_d table td.valign_t,
#main_d img.valign_t
{
  vertical-align:top!important;
}


#main_d table.valign_m,
#main_d table.valign_m tr,
#main_d table.valign_m th,
#main_d table.valign_m td,
#main_d table tbody.valign_m,
#main_d table tbody.valign_m tr,
#main_d table tbody.valign_m th,
#main_d table tbody.valign_m td,
#main_d table thead.valign_m,
#main_d table thead.valign_m tr,
#main_d table thead.valign_m th,
#main_d table thead.valign_m td,
#main_d table tr.valign_m th,
#main_d table tr.valign_m td,
#main_d table th.valign_m,
#main_d table td.valign_m,
#main_d img.valign_m
{
  vertical-align:middle!important;
}

#main_d table.valign_b,
#main_d table.valign_b tr,
#main_d table.valign_b th,
#main_d table.valign_b td,
#main_d table tbody.valign_b,
#main_d table tbody.valign_b tr,
#main_d table tbody.valign_b th,
#main_d table tbody.valign_b td,
#main_d table thead.valign_b,
#main_d table thead.valign_b tr,
#main_d table thead.valign_b th,
#main_d table thead.valign_b td ,
#main_d table tr.valign_b th,
#main_d table tr.valign_b td,
#main_d table th.valign_b,
#main_d table td.valign_b,
#main_d img.valign_b
{
  vertical-align:bottom!important;
}




#main_d table.textleft,
#main_d table.textleft tr,
#main_d table.textleft th,
#main_d table.textleft td,
#main_d table tbody.textleft,
#main_d table tbody.textleft tr,
#main_d table tbody.textleft th,
#main_d table tbody.textleft td,
#main_d table thead.textleft,
#main_d table thead.textleft tr,
#main_d table thead.textleft th,
#main_d table thead.textleft td,
#main_d table tr.textleft th,
#main_d table tr.textleft td,
#main_d table th.textleft,
#main_d table td.textleft
{
  text-align:left!important;
}


#main_d table.textright,
#main_d table.textright tr,
#main_d table.textright th,
#main_d table.textright td,
#main_d table tbody.textright,
#main_d table tbody.textright tr,
#main_d table tbody.textright th,
#main_d table tbody.textright td,
#main_d table thead.textright,
#main_d table thead.textright tr,
#main_d table thead.textright th,
#main_d table thead.textright td,
#main_d table tr.textright th,
#main_d table tr.textright td
{
  text-align:right!important;
}

#main_d table.textcenter,
#main_d table.textcenter tr,
#main_d table.textcenter th,
#main_d table.textcenter td,
#main_d table tbody.textcenter,
#main_d table tbody.textcenter tr,
#main_d table tbody.textcenter th,
#main_d table tbody.textcenter td,
#main_d table thead.textcenter,
#main_d table thead.textcenter tr,
#main_d table thead.textcenter th,
#main_d table thead.textcenter td,
#main_d table tr.textcenter th,
#main_d table tr.textcenter td
{
  text-align:center!important;
}


#main_d table thead th.textleft,
#main_d table thead td.textleft,
#main_d table tbody th.textleft,
#main_d table tbody td.textleft
{
  text-align:left!important;
}
#main_d table thead th.textright,
#main_d table thead td.textright,
#main_d table tbody th.textright,
#main_d table tbody td.textright
{
  text-align:right!important;
}
#main_d table thead th.textcenter,
#main_d table thead td.textcenter,
#main_d table tbody th.textcenter,
#main_d table tbody td.textcenter
{
  text-align:center!important;
}

#main_d table th.blue01,
#main_d table tr.blue01,
#main_d table td.blue01
{
  background:#f5f8f8;
}

#main_d table th.blue02,
#main_d table tr.blue02,
#main_d table td.blue02
{
  background:#ebf0f3;
}

#main_d table th.blue03,
#main_d table tr.blue03,
#main_d table td.blue03
{
  background:#e2e8ee;
}

#main_d table th.h1em,
#main_d table tr.h1em,
#main_d table td.h1em
{
   height:1em;
}



/*width関連*/
#main table.w-auto{width:auto!important;}
#main_d table.w-auto{width:auto!important;}
#main_d .w05em {width:0.5em !important;}
#main_d .w10em {width:1em !important;}
#main_d .w15em {width:1.5em !important;}
#main_d .w20em {width:2em !important;}
#main_d .w25em {width:2.5em !important;}
#main_d .w30em {width:3em !important;}
#main_d .w35em {width:3.5em !important;}
#main_d .w40em {width:4em !important;}
#main_d .w45em {width:4.5em !important;}

#main_d .w180 {width:180px !important;}
#main_d .w240 {width:240px !important;}
#main_d .w370 {width:370px !important;}


/*インデント関連*/
#main_d .indent05{text-indent:-0.5em; padding-left:0.5em;}
#main_d .indent10{text-indent:-1em; padding-left:1em;}
#main_d .indent15{text-indent:-1.5em; padding-left:1.5em;}
#main_d .indent20{text-indent:-2em; padding-left:2em;}
#main_d .indent25{text-indent:-2.5em; padding-left:2.5em;}
#main_d .indent30{text-indent:-3em; padding-left:3em;}
#main_d .indent35{text-indent:-3.5em; padding-left:3.5em;}
#main_d .indent40{text-indent:-4em; padding-left:4em;}
#main_d .indent45{text-indent:-4.5em; padding-left:4.5em;}
#main_d .indent50{text-indent:-5em; padding-left:5em;}
#main_d .indent55{text-indent:-5.5em; padding-left:5.5em;}
#main_d .indent60{text-indent:-6em; padding-left:6em;}
#main_d .indent65{text-indent:-6.5em; padding-left:6.5em;}
#main_d .indent70{text-indent:-7em; padding-left:7em;}
#main_d .indent75{text-indent:-7.5em; padding-left:7.5em;}
#main_d .indent80{text-indent:-8em; padding-left:8em;}
#main_d .indent85{text-indent:-8.5em; padding-left:8.5em;}
#main_d .indent90{text-indent:-9em; padding-left:9em;}
#main_d .indent95{text-indent:-9.5em; padding-left:9.5em;}
#main_d .indent100{text-indent:-10em; padding-left:10em;}
#main_d .indent105{text-indent:-10.5em; padding-left:10.5em;}
#main_d .indent110{text-indent:-11em; padding-left:11em;}
#main_d .indent115{text-indent:-11.5em; padding-left:11.5em;}
#main_d .indent120{text-indent:-12em; padding-left:12em;}
#main_d .indent125{text-indent:-12.5em; padding-left:12.5em;}
#main_d .indent130{text-indent:-13em; padding-left:13em;}
#main_d .indent135{text-indent:-13.5em; padding-left:13.5em;}
#main_d .indent140{text-indent:-14em; padding-left:14em;}
#main_d .indent145{text-indent:-14.5em; padding-left:14.5em;}
#main_d .indent150{text-indent:-15em; padding-left:15em;}
#main_d .indent155{text-indent:-15.5em; padding-left:15.5em;}

#main_d .indent10em{text-indent:1em;}
#main_d .indent20em{text-indent:2em;}
#main_d .indent30em{text-indent:3em;}
#main_d .indent40em{text-indent:4em;}
#main_d .indent50em{text-indent:5em;}
#main_d .indent60em{text-indent:6em;}
#main_d .indent70em{text-indent:7em;}
#main_d .indent80em{text-indent:8em;}
#main_d .indent90em{text-indent:9em;}


#main_d p a.inline_icon:not(.not_icon):before {
  display: inline;
}

.mod_cont ol.circle_l.link_icon > li a:before,
.mod_cont ul.circle_l.link_icon > li a:before,
.flex_half ol.circle_l.link_icon > li a:before,
.flex_half ul.circle_l.link_icon > li a:before {
	text-indent: 0.6em;
}

.mod_cont ol.circle.link_icon > li ac,
.mod_cont ul.circle.link_icon > li a:before,
.flex_half ol.circle.link_icon > li a:before,
.flex_half ul.circle.link_icon > li a:before,
.mod_cont ol.circle_l.link_icon > li a:before,
.mod_cont ul.circle_l.link_icon > li a:before,
.flex_half ol.circle_l.link_icon > li a:before,
.flex_half ul.circle_l.link_icon > li a:before  {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f105";
  display: inline-block;
  position: relative;
  top: 1px;
  height: 1.2em;
}

.mod_cont ol.circle > li a.link_icon:before,
.mod_cont ul.circle> li a.link_icon:before,
.flex_half ol.circle > li a.link_icon:before,
.flex_half ul.circle > li a.link_icon:before,
.mod_cont ol.circle_l > li a.link_icon:before,
.mod_cont ul.circle_l> li a.link_icon:before,
.flex_half ol.circle_l > li a.link_icon:before,
.flex_half ul.circle_l > li a.link_icon:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f105";
  display: inline-block;
  position: relative;
  top: 1px;
  height: 1.2em;
}

.mod_cont ol.circle.link_icon > li a:not(.not_icon)[href^="http://"]:before, 
.mod_cont ul.circle.link_icon > li a:not(.not_icon)[href^="https://"]:before,
.flex_half ol.circle.link_icon > li a:not(.not_icon)[href^="http://"]:before,
.flex_half ul.circle.link_icon > li a:not(.not_icon)[href^="https://"]:before,
.mod_cont ol.circle_l.link_icon > li a:not(.not_icon)[href^="http://"]:before, 
.mod_cont ul.circle_l.link_icon > li a:not(.not_icon)[href^="https://"]:before,
.flex_half ol.circle_l.link_icon > li a:not(.not_icon)[href^="http://"]:before,
.flex_half ul.circle_l.link_icon > li a:not(.not_icon)[href^="https://"]:before {
  background-image: url(../media/images/common/icon_link.png);
  content: '';
  width: 20px;
  height: 20px;
  position: relative;
  top: 4px;
  left: -2px;
  background-size: cover;
  margin-right: .1em;
}


/*float関連*/
#main_d .fl{float:left;}
#main_d .fr{float:right;}


/*テキスト関連*/
#main_d .txtr{color:#FF0000;}
#main_d .txtr2{color:#c30e15;}
#main_d .txtg{color:#333;}
#main_d .txtw{color:#FFFFFF;}
#main .txtw{color:#FFFFFF;}/*教職員限定用*/
#main_d .align_r{text-align:right}
#main_d .align_c{text-align:center}
#main_d a.txtlink{
  color:#2980b9;
/*  color:#445588;
  text-decoration: underline;*/
}
#main_d .font_s{
  font-size:92%;
}
#main_d .font_ss{
  font-size:82%;
}
#main_d .font_sss{
  font-size:72%;
}
#main_d .font_l{
  font-size:112%;
}
#main_d .font_ll{
  font-size:122%;
}
#main_d .font_lll{
  font-size:132%;
}
.txtb,
tr.txtb td{
  font-weight:bold;
}

#main_d table a.inline {
display: inline!important;
}
/*リスト関連*/
/*20130917追加*/
/*20140312修正　ブラウザによってインデントの解釈が違うようなので、全角スペースで指定しました。
（一つ下のtext-indentで調整したかったですが、そちらもブラウザによって揃わないので…）*/
#main_d #page_content div.body ol.lsn li:before,
#main_d #page_content div.body ul.lsn li:before
 {
  content:"　";
}

/*#main_d ol.lsn li,
#main_d ul.lsn li  {
text-indent:-1em;
}*/

*#main_d #page_content div.body ol.lsn li,
#main_d #page_content div.body ul.lsn li
 {
   padding:0;
}

#main_d ol.list_indent li,
#main_d ul.list_indent li  {
padding-left:1em;
text-indent:-1em;
}
#main_d #page_content div.body ol.list_indent li:before
 {
  content:"";
}

#main_d #page_content div.body ol.kome li:before {
  content:"※"counter(ol)".";
  text-indent:-1.5em;
}

#main_d #page_content div.body ul.li_mb0 li,
#main_d #page_content div.body ol.li_mb0 li,
#main_d #page_content div.body ul li.li_mb0,
#main_d #page_content div.body ol li.li_mb0
 {
  padding-bottom:0px;
}

/*　リスト入れ子時に親要素のcircleを解除　20140117追記　*/
#page_content div.body ul.circle ol.circle_clear li:before {
/*  position: static;*/
  counter-increment:ol;
  content:counter(ol)".";
  float: left;
  position:relative;
  left:-2.4em;
  width:2.0em;
  margin-right:-2.4em;
  padding-right:.4em;
  text-align:right;
  font-weight:bold;
}

#page_content div.body ul.circle ul.circle_clear li:before {
  position:relative;
  left:-16px;
  top:0px;
  margin-right:-1em;
  content:"・";
}


/*　olの bold解除　20161005追記　*/
#page_content div.body ol.font_normal li:before {
  font-weight:normal !important;
}

/*　
赤帯メニューを、ニュースの赤帯と同じ高さにするイレギュラー用（例：図書館＞資料をさがす）　
親要素のdiv.h2_bgにptb0の指定も必要　20131219追記　*/
#main_d #page_content div.h2_bg h2.h33 {
    height:33px!important;
}

/*　
リンク画像にマウスを当てた時、ロールオーバーさせます。　20140122追記　*/
#main_d .onmouse_img a:hover img,
#main_d a:hover img.onmouse_img {
  opacity:.7;
  -ms-filter:"alpha(opacity=70)";
}


/*　
clearfix　*/
#main_d .clearfix {
  overflow: hidden;
}



#page_content div.body table.line_b {
  margin:10px 0 0;
  padding:0;
  border-collapse:separate;
  border-spacing:10px 0;
}
#page_content div.body table.line_b th {
  width:16%;
  padding:4px 2px 2px;
  font-weight:normal;
  border-color:#e5a9ab;
  border-width:0 0 1px 0;
  background:transparent;
}
#page_content div.body table.line_b td {
  padding:4px 2px 2px;
  border-width:0 0 1px 0;
}

img.border {
  border:solid 1px #bfbfbf;
}



#main_d table.model td img.plain {
  display: inline!important;
  max-width: 100%!important;
  margin: 0!important;
}

a.dec_none {
  text-decoration: none!important;
}
.mod_cont ol.circle_l.dec_none > li a,
.mod_cont ul.circle_l.dec_none > li a,
.flex_half ol.circle_l.dec_none > li a,
.flex_half ul.circle_l.dec_none > li a,
.mod_cont ol.circle.dec_none > li a,
.mod_cont ul.circle.dec_none > li a,
.flex_half ol.circle.dec_none > li a,
.flex_half ul.circle.dec_none > li a {
  text-decoration: none!important;
}

.mod_cont ol.circle_l.dec_none > li a:hover, 
.mod_cont ul.circle_l.dec_none > li a:hover,
.flex_half ol.circle_l.dec_none > li a:hover,
.flex_half ul.circle_l.dec_none > li a:hover,
.mod_cont ol.circle.dec_none > li a:hover, 
.mod_cont ul.circle.dec_none > li a:hover,
.flex_half ol.circle.dec_none > li a:hover,
.flex_half ul.circle.dec_none > li a:hover {
  text-decoration: underline!important;
}

/* -----------------ブレイクポイント設定　---------------------------------　*/

/* 　指定ない　ここから　*/
.pc_fl{
  float: left;
  margin-right: 12px;
}
.pc_fr{
  float: right;
  margin-left: 12px;
}
.pcoff {
  display:none;
}
.mboff {
  display:block;
}
img.pc_w150px{
   max-width: 150px;
   height: auto;
}
img.pc_w200px{
   max-width: 200px;
   height: auto;
}
img.pc_w250px{
   max-width: 250px;
   height: auto;
}
img.pc_w300px{
   max-width: 300px;
   height: auto;
}
/* 　指定ない　ここまで　*/


@media only screen and (max-width: 1024px) {}


@media only screen and (max-width: 900px) { }



@media only screen and (max-width: 640px) {
.pc_fl{
  float:none;
  margin-right: 0px;
}
.pc_fr{
  float:none;
  margin-left: 0px;
}
.pcoff {
  display:block;
}
.mboff {
  display:none;
}
img.pc_w150px{
   max-width: 100%;
   height: auto;
}
img.pc_w200px{
   max-width: 100%;
   height: auto;
}
img.pc_w250px{
   max-width: 100%;
   height: auto;
}
img.pc_w300px{
   max-width: 100%;
   height: auto;
}
}


@media only screen and (max-width: 480px) { }

@media only screen and (max-width: 400px) { }