@charset "utf-8";
@media screen and (max-width: 640px) {
/* rwd */
.pc, .hide {
	display: none;
}

.shown {
	visibility: visible;
}

.unshown {
	visibility: hidden;
}

/* 初期設定 */
html, body { background:none; }
body { padding:0; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif!important; }
h2, h3, h4, h5, h6, dl, dt, dd, ol, ul, li, form, table, caption, tr, th, td, p { font-size:14px!important; line-height:150%; }
/* wrapper */
#wrapper {
	margin:0;
	background:none;
	width:100%!important;
	font-size: 14px!important;
}

a {
  color: #519fd7;
}

.rwd-img {
	width: 100%;
	height: auto;
}

p.last {
	margin-bottom: 0;
}


/* section_header */


#section_header { background:none; }
	#section_header	.header_title { height:41px; }

#logo {
	height: 35px; width: auto;
	margin: 4px 0 0 2px;
}

#section_header .header_right { float:right; padding:0; }



/* slider */
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus {
  background: #127d8d!important;
}

.bx-wrapper .bx-pager {
  color: #FFF;
  padding: 0!important;
}

.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
  bottom: -20px!important;
}

.bx-wrapper .bx-pager.bx-default-pager a {
  background: #FFF!important;
  border: 1px solid #127d8d!important;
}

.bx-wrapper {
  margin-bottom: 35px!important;
}


/* gnav */
#section_header .header_menu { padding:0; }
#section_header .header_menu ul { list-style-type:none }
#section_header .header_menu li { display:block; float:none; background-color:#229aac; background-image:url(../img/rwd/gnav-arrow.png); background-repeat: no-repeat; background-position: right center; background-size: 25px 15px; border-bottom: 1px solid #FFF; height: auto;   }

#localNav li {
	background-color: #59b5c3!important;
	border-bottom: none!important;
	border-top: 1px dotted #FFF!important;
}
#section_header .header_menu #localNav li a { padding: 10px 0 10px 20px!important; height: 14px;}
#section_header .header_menu li.ac { background-position: right top 20px;}


#section_header .header_menu li.last { border-right:none }
#section_header .header_menu li a { display:block; background-image:none; width:100%!important; padding: 20px 0 20px 20px!important; height: 14px;}
#section_header .header_menu #en_global li a { display:block; background-image:none; width:100%; line-height: 100%; }
#section_header .header_menu li a:link, #section_header .header_menu li a:visited, #section_header .header_menu li a:hover, #section_header .header_menu li a:active, 
#section_header .header_menu #en_global li a:link, #section_header .header_menu #en_global li a:visited, #section_header .header_menu #en_global li a:hover, #section_header .header_menu #en_global li a:active {
	color: #FFF;
	font-size: 14px;
	text-decoration: none;
}
#section_header .header_menu li span { display: inherit; }

#showMenu {
	float: right;
	height: 41px;
}

#MainNavi {
	display: none;
	width: 100%;
	height: auto;
}

#header_menu {
	height: 0!important;
}

/* search */
#insitesearch {
	width: 100px;
	border-top: 1px solid #e6e5e5;
	border-left: 1px solid #e6e5e5;
	border-right: none;
	border-bottom: none;
}

#search-col {
	background-color: #d8f3f7;
	height: 30px;
	padding: 9px 10px 1px 10px;
	margin-bottom: 1px;
}

#search_button {
	width: 20px;
	height: auto;
}




/* section_body */

#section_body { margin:0; width:100%; }
#section_center { padding:0; width:100%; }


/* section_footer */
#pagetop {
	text-align: right;
	margin-right: 10px;
	margin-top: 40px;
	vertical-align: bottom;
	font-size: 0px!important;
	line-height: 100%!important;
}

#pagetop a {
}

#pagetop img {
	width: 40%;
	height: auto;
}

#section_footer { margin:0; width:100%; }
#section_footer .copyright { background:#229aac; color: #FFF; text-align:center; padding: 15px 0; font-size: 10px!important; }
	
.footer_menu {
	font-size: 7px!important;
	line-height: 16px!important;
	text-align: left!important;
	color: #333;
	background-color: #bfe0e3!important;
	background-image: none!important;
	padding: 23px 19px 14px;
}



.footer_menu span {
	font-size: 20px!important;
	line-height: 20px!important;
	font-weight: bold!important;
}

.footer_menu ul  {
	margin: 0px;
}

.footer_menu  li  {
	display: inline-block!important;
	border: none!important;
	padding: 0!important;
	width: 49%;
	margin-bottom: 3px;
}

.footer_menu a {
	display: block;
	background: #FFF url(../img/rwd/footernav-arrow.png) no-repeat right;
	background-size: 14px 12px;
	padding: 12px 5px 12px 10px;
	font-size: 11px;
	color: #333333!important;
}








/*************************************** トップページ *******************************************/


/* 新着情報 */

#information, #information_en {
	margin:0;
	background:none;
	width:100%;
}

#home #center_wrapper {
	padding:0;
	width:100%;
}

#information .left, #information_en .left, #information_en .right {
	float:none;
	width:100%;
}

#information .latest, #information_en .latest {
	width:100%;
}

.heading-sp img {
	width: 100%;
	height: auto;
}

#information .list-col, #information_en .list-col {
	margin: 0 20px;
}



#information .latest .icon, #information_en .latest .icon {
	width:100%;
}

#information .latest ul, #information_en .latest ul {
	width:100%;
	padding:0;
}

#information .latest li, #information_en .latest li {
		width:87%;
}


#information .menu_list li, #information_en .menu_list li {
	background:none;
	padding: 0;
	margin-bottom: 10px;
	line-height:150%;
}

#information .menu_list li a, #information_en .menu_list li a {
	text-decoration: none;
}

#section_header .header_menu #en_global li a { height: inherit; }

#information .icon-press-release {
	background: url(../../images/rwd/label_news_releace.png) no-repeat left top;
	background-size: auto 12px;
}

#information .icon-topics {
	background: url(../../images/rwd/label_news_topics.png) no-repeat left top;
	background-size: auto 12px;
}

#information .icon-press-conferences {
	background: url(../../images/rwd/label_news_conferences.png) no-repeat left top;
	background-size: auto 12px;
}

#information .icon {
	padding-top: 20px;
	vertical-align: bottom!important;
	display: table-cell;
	height: 27px;
}

#past-article {
	width: inherit!important;
	padding: 0!important;
	margin: 15px 20px!important;
}


#heading-news {
	background: url(../../images/rwd/title_news_off.png) no-repeat;
	background-size: contain;
	cursor: pointer;
}



/* 統計情報 */
#home .right {
/*	display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;
*/
	width: 100%;
	padding: 0;
	box-sizing: border-box;
}
/*
#home .statis {
	-webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
	
	-webkit-order: 2;
    -moz-box-ordinal-group: 2;
    -ms-flex-order: 2;
    order: 2;
}
*/

#heading-statis {
	background: url(../../images/rwd/title_statis_on.png) no-repeat;
	background-size: contain;
	cursor: pointer;
}

#home .statis .menu_list {
	padding-top: 10px;
}

#home .statis .menu_list li {
	background: url(../../images/rwd/mark_arrow.png) no-repeat 2px 0px;
	background-size: 20px auto;
	padding-left: 35px;
	margin-bottom: 0;
}

#home .statis .menu_list li a {
	text-decoration: underline;
}

/* 過去のリリース記事一覧 */
#home .old {
/*
	-webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
	-webkit-order: 1;
    -moz-box-ordinal-group: 1;
    -ms-flex-order: 1;
    order: 1;
*/
	background-color: #f4f8f9;
	border: 5px solid #64b8c5;
	margin-bottom: 20px;
}

#home .old .heading {
	text-align: center;
	color: #FFF;
	background-color: #64b8c5;
	padding: 7px;
	border: none;
	font-size: 16px;
	margin: 0;
}

#home .old .menu_list  { padding:25px 20px 10px }

#home .old .menu_list li {
	background: url(../../images/rwd/mark_arrow.png) no-repeat 2px 0px;
	background-size: 20px auto;
	padding-left: 35px;
}

#home .old .menu_list li a {
	text-decoration: underline;
	color: #519fd7;
}

/* 関連リンク */
#home #link {
	width: 100%;
	border-bottom: none;
}

#home #heading-links {
	background: url(../../images/rwd/title_links_on.png) no-repeat;
	background-size: contain;
	cursor: pointer;
}

#home #link .column {
  width: 50%;
}

#home #link .column_inside {
  width: 100%;
}

#home #link .column_inside a {
  width: 90%;
  height: 120px;
  background-size: 100% auto;
  background-repeat: no-repeat!important;
}

#home  #link .column_inside p {
	margin-bottom: 0;
}




/*************************************** 下層ページ *******************************************/

#section_center_ins .main_block {
  margin: 0;
}

.main_block .hd_page {
	width: 100%;
	height: auto!important;
	margin-bottom: 5px;
}

.main_block .hd_page img {
	width: 100%;
	height: auto!important;
}

#section_center .contents_area_3column {
  width: 100%;
}

#section_center .contents_frame_3column_3, #section_center .contents_frame_3column_2, #section_center .contents_frame_3column_1 {
  background: none;
  width: 100%;
}

.contents_area_3column .column, .contents_area_3column_1 .column {
  float: none;
  width: 100%;
}

.contents_area_3column .column img, .contents_area_3column_1 .column img {
  width: 100%;
  height: auto;
}

.lead {
  text-indent: 0;
  padding: 0;
  margin-bottom: 0.5em;
}

.menu_list {
  margin: 0;
}

.menu_list li, .mark-arrow {
  margin: 0;
  padding: 1px 0 1px 20px;
  background:url(../../common/img/rwd/mark_arrow.png) no-repeat 0px 1px;
  background-size: 16px auto;
  line-height: 20px;
}

#section_center .contents_area {
  width: 100%;
  float: none;
}

#section_center .contents_frame {
  border-bottom: none;
  background: none;
  width: 100%;
}

#section_center .contents_body {
  padding: 10px;
  word-break: break-all;
}

#press .contents_body .body_text {
  margin: 0;
}

#press .contents_body {
  font-size: 100%;
  overflow: hidden;
}

.hd_contents, .hd_contents img {
	width: 100%;
	height: auto;
}

.hd2 { margin:0; padding: 10px 10px 8px; border-bottom:none!important; border-left:5px solid #60a5dd; background-color:#78b9e7; color:#FFF; font-weight: bold; line-height:100%!important; }
.hd3 { margin:0; padding: 8px 10px 6px 20px; background:#daedfa url(../img/rwd/mark-dot.png) no-repeat 5px 15px;background-size: 8px auto; color:#156faf; }
.hd4 { margin:0 0 1em 0; border-bottom:solid 1px #448ecb; font-weight:normal }
.hd5 { margin:0 0 1em 0 }
.hd6 { margin:0 0 1em 0; font-weight:normal }

.linebox {
	text-align: left!important;
	border: 5px solid #64b8c5!important;
	background-color: #f4f8f9;
	padding: 20px 25px!important;
	line-height: 120%;
}



.table10 {
	margin-top: 10px;
}

.table10 td {
  width: 48%!important;
}

.table10 td.space {
  width: 4%!important;
}

.table10 td table td {
  width: auto!important;
}

.table10 td.linespace {
  height: 20px;
}

.inc-thumbnail .table11 {
	width: 100%;
	padding: 0 0 10px 10px;
}

.table11 a {
  margin: 0;
  padding: 1px 0 1px 20px;
  background:url(../../common/img/rwd/mark_arrow.png) no-repeat 0px 1px;
  background-size: 16px auto;
  line-height: 20px;
}


.inc-thumbnail .table11 td {
	display: table-row;
}

.inc-thumbnail .table11 td.image {
	text-align: center!important;
	height: 50px;
}

.inc-thumbnail2 td {
	text-align: center;
	padding: 10px!important;
	border-right: 20px solid #FFF!important;
}

.inc-thumbnail2 td:nth-child(even) {
	border-right: none!important;
}

.inc-thumbnail2 .linespace, .inc-thumbnail2 .space {
	display: none!important;
}

.table-row td {
	display: table-row!important;
	border: none!important;
}

.table-row td a {
	display: block;
	width: calc(100vw - 20px)!important;
	border-bottom: 1px dotted #CCC;
	padding-bottom: 10px;
}

.table-row td.space {
	font-size: 15px;
	line-height: 15px;
}

.ulinebox2 {
	padding-bottom: 10px!important;
}


.cont-none {
	border: none!important;
}

#heading-publication {
	background: url(../../about/img/rwd/title_publication_off.png) no-repeat;
	background-size: contain;
	cursor: pointer;
}

#heading-booklet {
	background: url(../../about/img/rwd/title_booklet_off.png) no-repeat;
	background-size: contain;
	cursor: pointer;
}

#heading-cdr {
	background: url(../../about/img/rwd/title_cdr_off.png) no-repeat;
	background-size: contain;
	cursor: pointer;
}

#section_center .contents_frame_2column_2 {
  width: 100%;
}

.contents_area_2column .column {
  float: none;
  width: 100%;
}

.contents_area_2column .column_last {
  float: none;
  width: 100%;
}

#section_center .contents_frame_2column_2 {
  background: none;
}



/*************************************** お知らせ *******************************************/

.contents_area_2column .btn_old {
	background:url(../img/rwd/line_dashed.png) no-repeat center bottom!important;
	width: 100%;
  	padding-bottom: 15px;
}

.list_caption {
	margin: 0;
}

.list_caption b {
	color: #333;
	font-weight: normal!important;
}

#heading-paj-info-topics {
	background: url(../../paj_info/img/rwd/hd_contents_paj_info_topics_on.png) no-repeat;
	background-size: contain;
	cursor: pointer;
}

#heading-paj-info-backnumber {
	background: url(../../paj_info/img/rwd/hd_contents_paj_info_backnumber_off.png) no-repeat;
	background-size: contain;
	cursor: pointer;
}

.backnumber {
	margin: 10px;
	list-style: none;
}

.backnumber li {
  margin: 0;
  padding: 1px 0 1px 20px;
  background:url(../../common/img/rwd/mark_arrow.png) no-repeat 0px 1px;
  background-size: 16px auto;
  line-height: 20px;
  margin-bottom: 10px;
}


/*************************************** 統計情報 *******************************************/

#statis #section_center .row {
  padding: 0;
}

#statis .icon_list {
	background:url(../img/rwd/line_dashed.png) no-repeat top!important;
	width:100%!important;
	padding-top: 5px;
	margin-bottom: 20px;
}

#statis .icon_list li.icon_xls {
	background-image:url(../img/rwd/line_dashed.png), url(../img/rwd/icon_xls.png);
}

#statis .icon_list li.icon_pdf {
	background-image:url(../img/rwd/line_dashed.png), url(../img/rwd/icon_pdf.png);
}

#statis .icon_list li.icon_jpg {
	background-image:url(../img/rwd/line_dashed.png), url(../img/rwd/icon_jpg.png);
}

#statis .icon_list li {
	background-position: bottom, left;
	background-repeat: no-repeat;
	background-size: auto, 33px 30px;
	padding: 12px 10px 12px 40px;
	text-indent: 0;
	margin: 0;
}

/*************************************** 石油連盟会長より *******************************************/

.body_text .row {
	background:url(../img/rwd/line_dashed.png) no-repeat bottom!important;
	width:100%!important;
}

#heading-from-chairman-backnumber {
	background: url(../../from_chairman/img/rwd/hd_contents_from_chairman_backnumber_off.png) no-repeat;
	background-size: contain;
	cursor: pointer;
}

#from-chairman-cont .list li a {
	background: url(../img/rwd/icon-pdf.png) no-repeat right;
	background-size: auto 16px;
	padding: 2px 16px 2px 0;
}

#from-chairman-cont p {
	margin-bottom: 2px;
}

#from-chairman-cont p.list_caption {
	margin-bottom: 0;
}

/*************************************** 石油とエコ *******************************************/
#eco-cont .ind1 {
  margin: 0;
}

#eco-cont img.width100per {
	width: 100%;
	height: auto;
}

#eco-cont .linebox {
	background: none;
	width: inherit;
	padding: 10px!important;
	border: 1px solid #cfcfcf!important;
	margin: 5px 0;
	line-height: 1px;
}

#eco-cont .linebox1 {
	width: inherit;
	padding: 2px;
	border: 1px solid #cfcfcf;
	margin: 5px 0;
	line-height: 1px;
}

#eco-cont .linebox2 {
	width: inherit;
	height: inherit;
	padding: 4px;
	border: 1px solid #cfcfcf;
	margin: 5px 0;
	line-height: 1px;
}

#eco-cont .linebox3 {
	width: inherit;
	border: 1px solid #cfcfcf;
	margin: 5px 0;
	line-height: 1px;
}

#eco-cont .linebox img, #eco-cont .linebox1 img, #eco-cont .linebox2 img, #eco-cont .linebox3 img {
	width: 100%;
	height: auto;
}

#eco-cont .hd3 {
	margin-top: 45px;
}

#eco-cont h2+h3 {
	margin-top: 0!important;
}

#eco-cont .hd4 { margin:0 0 0.7em 0; border-bottom:none; font-weight:normal; background: url(../../eco/img/rwd/hd4-line.png) no-repeat bottom; background-size: 100% 3px; padding-bottom: 7px; }

#eco-cont .list1 {
	padding-left: 0;
}

#eco-cont .list1 li {
	list-style: none;
	background: url(../img/rwd/mark-circle.png) no-repeat 0 2px;
	background-size: 15px;
	padding-left: 20px;
}

#eco-cont .table1 th, #eco-cont .table1 td {
	font-size: 10px!important;
}

#eco-cont .table1 th, .table1 td {
  padding: 5px;
}

/*************************************** 石油とくらし *******************************************/
#enq .linebox {
	border: none!important;
	padding: 0!important;
	background: none!important;
}

#enq .hd_gray {
    margin: 0 0 10px;
	padding: 5px;
    width: inherit;
}

#enq .contents_area_2column .btn_old {
    background: none!important;
}

#enq .lead {
	margin-left: 1em!important;
	text-indent: -1em!important;
}

#enq .blue1 {
	display: none;
}

#enq .graybox_enq {
	border: 1px solid #cfcfcf;
}

#enq .table13 td {
	display: block;
	width: 100%!important;
}

#enq .table13 .graph {
	text-align: center;
}

#life-backnumber {
	background: url(../../life/images/rwd/hd_contents_life_backnumber_off.png) no-repeat;
	background-size: contain;
}

#download .table11 a {
    padding: 0;
    background: none;
}

#download .table11 td.image {
    width: 50%;
}

#gallery .f-left-w, #gallery .f-right-w {
	float: none;
	margin-bottom: 10px;
}

#gallery .clear {
	padding-top: 25px;
	margin-bottom: 0;
	background-position: 50%;
}

/*************************************** 共通 *******************************************/

.txt-center {
	text-align: center;
}

.sep {
	background:url(../img/rwd/line_dashed.png) no-repeat center!important;
	width:100%!important;
}


.list-line-col {
	margin: 15px 0!important;
	background: url(../../images/rwd/list_arrow.png) no-repeat right!important;
	background-size: 19px auto!important;
}

.list-line-col:last-child .sep {
	background: none!important;
}


.list-line-col .menu_list li {
	background: none!important;
	padding-left: 0!important;
	width: 87%;
}

.list-line-col .menu_list li a {
	text-decoration: none;
	color: #333;
}

.width40per, .width53per {
	width: 100%!important;
}


.floatLeft, .floatRight {
	 float: none!important;
 }
 
.display-is-block td {
	display: block;
}

img.rwd-img {
	width: 100%!important;
	height:auto!important;
}

/*************************************** メルマガ *******************************************/

.tdki input[type="text"] {
	width: 130px;
}

/*************************************** お問い合わせ *******************************************/

#mailform input[type="text"], #mailform textarea{
	width: 180px;
}

/*************************************** Petroleum Association of Japan *******************************************/

#body_text_paoj .linebox { background: none; }


}
@media screen and (max-width: 450px) {
#home #link .column_inside a {
  height: 75px;
}

}

@media screen and (max-width: 320px) {
#wrapper {
	width:320px!important;
}

}