@charset "utf-8"; 



/* --------------------------------------------------------------------------------
essential
-------------------------------------------------------------------------------- */

body {
	font-size: 87.5%;
}



/* --------------------------------------------------------------------------------
misc
-------------------------------------------------------------------------------- */

br.clear {
	display: none;
}



/* --------------------------------------------------------------------------------
general
-------------------------------------------------------------------------------- */

div#general {
	width: auto;
	overflow-x: visible;
	background-color: transparent;
}
div#general br.pc {
	display: none;
}
div#general br.sp {
	display: inline;
}
div#general *.no-pc {
	display: block;
}
div#general *.no-sp {
	display: none;
}



/* --------------------------------------------------------------------------------
general (home)
-------------------------------------------------------------------------------- */

div#general.home {
	background-color: #ede7dc;
}



/* --------------------------------------------------------------------------------
header
-------------------------------------------------------------------------------- */

div#header div.section {
	padding: 15px 10px;
}
div#header h1 {
	float: none;
}
div#header a.reading {
	display: none;
}
div#header div#cover-sp {
	height: 98px;
	margin: 0px -10px 10px -10px;
	background: url(/share/imgs/cover-title-sp.jpg) no-repeat center center;
}

/* block
-------------------------------------------------------------------------------- */

div#header div.block {
	margin: 0px;
	padding: 10px 0px;
}
div#header div.block div.inner {
	width: auto;
}
div#header div.block-first {
	text-align: center;
	border-bottom: none;
	padding: 0px;
}
div#header div.block-first div.language {
	display: none;
	float: none;
	height: auto;
	border-right: none;
	margin: auto;
	padding-right: 0px;
}
div#header div.block-first div.voice,
div#header div.block-first div.font-color,
div#header div.block-first div.font-size {
	display: none;
}
/* 20161007 音声読み上げボタン表示 ADD */
div#header div.block-first div.voice {
	display: inline-block;
	float: none;
	padding: 0;
	margin: 0 0 0 8px;
	border: none;
	height: auto;
	line-height: normal;
	overflow-y: visible;
}
/* 20161007 音声読み上げボタン表示 ADD-END */
div#header div.block-first div.language p {
	display: inline-block;
	float: none;
}
div#header div.block-first div.language ul {
	display: inline-block;
	float: none;
}
div#header div.block-first div.language ul li {
	display: inline-block;
	float: none;
	margin-left: 0px;
}
div#header div.block-first div.links {
	display: none;
}
div#header div.block-first div#header-sp {
	clear: both;
	display: block;
	border-bottom: 1px solid #b3b3b3;
	padding-top: 5px;
}
div#header div.block-first div#header-sp div.margin {
	margin: 0px -10px;
}
div#header div.block-first div#header-sp h1 {
	margin-bottom: 15px;
	padding-right: 40px;
}
div#header div.block-first div#header-sp h1 img {
	display: block;
	width: 143px;
	height: 43px;
	margin: auto;
}
div#header div.block-first div.search {
	display: none;
	float: none;
	width: auto;
	text-align: left;
}
div#header div.block-first div.search form {
	float: none;
	width: auto;
}
div#header div.block-first div.search p {
	display: none;
}
div#header div.block-first div.search div.frame {
	float: none;
	width: auto;
	margin-right: 60px;
}
div#header div.block-first div.search input.text {
	width: 100%;
}
div#header div.block-second {
	padding: 0px;
}
div#header div.block-second h1#logo {
	width: auto;
	height: auto;
}
div#header div.block-second h1#logo img {
	width: 148px;
	height: auto;
	margin: auto;
}



/* --------------------------------------------------------------------------------
header (home)
-------------------------------------------------------------------------------- */

div.home div#header div.section {
	padding: 10px;
}

/* block
-------------------------------------------------------------------------------- */

div.home div#header div.block-first div.language {
	display: inline-block;
}
div.home div#header div.block-first div#header-sp {
	border-top: 1px solid #b3b3b3;
	border-bottom: none;
	margin-top: 10px;
	padding-top: 15px;
}
div.home div#header div.block-first div#header-sp div.margin {
}
div.home div#header div.block-first div.search {
	display: block;
}



/* --------------------------------------------------------------------------------
header (emergency)
-------------------------------------------------------------------------------- */

div.emergency div#header div.section {
	padding: 10px;
}

/* block
-------------------------------------------------------------------------------- */

div.emergency div#header {
	width: auto;
}
div.emergency div#header div.block-first {
	padding: 10px 0px;
}
div.emergency div#header div.block-first h1 {
	font-size: 170%;
}
div.emergency div#header div.block-second h2,
div.emergency div#header div.block-second p.link {
	font-size: 100%;
}



/* --------------------------------------------------------------------------------
emergency
-------------------------------------------------------------------------------- */

div#emergency {
	width: auto;
	margin: 0px 10px;
	padding-top: 0px;
}
div#emergency ul {
	padding: 10px;
}
div#emergency ul li span.date {
	display: block;
	margin-right: 0em;
}
div#emergency ul li span.title {
	display: block;
	background-position: 0em 0.5em;
}

/* ADD 2019/3/14 */
div#jalert-info-wrapper div#jalert-info {
	width:auto;
}
/* ADD-END 2019/3/14 */

/* --------------------------------------------------------------------------------
cover
-------------------------------------------------------------------------------- */

div#cover-wrapper {
	height: 324px;
	margin-bottom: 20px;
}
div#cover {
	width: 320px;
}

/* block
-------------------------------------------------------------------------------- */

div#cover div.block {
	display: none;
}

/* slide
-------------------------------------------------------------------------------- */

div#cover div.slide {
	display: block;
	position: relative;
	width: 300px;
	margin: auto;
}
div#cover div#slide-cover-large {
	height: 150px;
	overflow: hidden;
	margin-bottom: 20px;
}
div#cover div#slide-cover-small {
	height: 114px;
	overflow: hidden;
}
div#cover div.slide div.outer {
	position: relative;
	overflow: hidden;
}
div#cover div.slide a.button-prev,
div#cover div.slide a.button-next {
	position: absolute;
	width: 25px;
	/*20151027*/
	/*height: 16px;
	top: 50%;
	margin-top: -8px;*/
	/*20151027*/
	height: 100%;
	top: 0%;
	/*20151027*/
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
div#cover div.slide a.button-prev {
	/*left: 5px;*/
	left: 0;
	background-image: url(/share/imgs/cover-button-prev.png);
	/*20151027*/
	background-position-y: center;
	background-position-x: center;
	/*20151027*/
}
div#cover div.slide a.button-next {
	/*right: 5px;*/
	right: 0;
	background-image: url(/share/imgs/cover-button-next.png);
	/*20151027*/
	background-position-y: center;
	background-position-x: center;
	/*20151027*/
}
div#cover div.slide div.row {
	float: left;
	overflow: hidden;
	border: 2px solid #ffffff;
	background-color: #ffffff;
}
div#cover div#slide-cover-large div.row {
	position: relative;
	width: 296px;
	height: 146px;
}
div#cover div#slide-cover-small div.row {
	width: 232px;
	height: 110px;
}
div#cover div.block div.row img {
	display: block;
	margin: -2px 0px 0px -2px;
}
div#cover div#slide-cover-large div.row img {
	width: 300px;
	height: auto;
}
div#cover div.slide div.row a {
	text-decoration: none;
	color: #000000;
}
div#cover div.slide div.row h2 {
	font-size: 100%;
	line-height: 1.3em;
}
div#cover div#slide-cover-large div.row div.headline {
	position: absolute;
	width: 100%;
	left: 0px;
	bottom: 0px;
	background: url(/share/imgs/cover-transparent.png) repeat 0px 0px;
}
div#cover div#slide-cover-large div.row div.headline h2 {
	padding: 8px 8px 6px 8px;
}
div#cover div#slide-cover-small div.row table {
	width: 100%;
	height: 100%;
}
div#cover div#slide-cover-small div.row table td {
	text-align: center;
	vertical-align: middle;
}
div#cover div#slide-cover-small div.row-image table td {
	text-align: left;
	vertical-align: top;
	padding-top: 0.5em;
}
div#cover div#slide-cover-small div.row-image table td.image {
	width: 114px;
	padding-top: 0em;
}
div#cover div#slide-cover-small div.row-image table td.image img {
	width: auto;
	height: 110px;
}


/* --------------------------------------------------------------------------------
global-navi
-------------------------------------------------------------------------------- */

div#global-navi-wrapper {
	display: none;
	margin-bottom: 20px;
	background-color: transparent;
	background-image: none;
}
div#global-navi {
	width: auto;
	height: auto;
}
div#global-navi-shadow {
	display: none;
}
div#global-navi-blind {
	display: none;
}
div#global-navi-border {
	display: none;
}
div#global-navi div.column {
	margin-top: 0px;
	background-color: transparent;
}
div#global-navi div.column-01 {
	float: left;
	z-index: 10;
	overflow: visible;
}
div#global-navi div.column div.detail {
	border-bottom: 1px solid #b3b3b3;
	padding-bottom: 30px;
}
div#global-navi div.column a.button-detail {
	float: none;
	margin-left: auto;
	margin-right: auto;
}
div#global-navi div.column div.border {
	display: none;
}
div#global-navi div.column div.bar {
	display: block;
	position: relative;
	height: 40px;
	text-align: center;
	font-size: 114.29%;
	line-height: 40px;
	color: #ffffff;
	background: url(/share/imgs/global-navi-background-bar-sp.png) repeat-x 0px 0px;
}
div#global-navi div.column div.bar a.button-back {
	position: absolute;
	display: block;
	width: 55px;
	height: 20px;
	left: 10px;
	top: 10px;
	background: url(/share/imgs/global-navi-button-back-sp.png) no-repeat 0px 0px;
}
div#global-navi div.column ul li a,
div#global-navi div.column ul li.odd a,
div#global-navi div.column ul li.even a {
	color: #0047a6;
	border-bottom: none;
	padding: 15px 10px;
	border-bottom: 1px solid #b3b3b3;
	background: #d9d9d9 url(/share/imgs/global-navi-background-sp.png) repeat-x 0px 0px;
}
div#global-navi div.column ul li a span {
	display: block;
	padding-right: 30px;
	background: url(/share/imgs/global-navi-arrow-sp.png) no-repeat right center;
}
div#global-navi div.column ul li a:hover,
div#global-navi div.column ul li a.active {
	color: #16116d;
	background-color: #ffe200;
	background-image: none;
}
div#global-navi div.column-01 ul li {
	float: none;
	width: auto;
	height: auto;
	overflow: visible;
	text-align: left;
	line-height: 45px;
}
div#global-navi div.column-01 ul li a {
	font-size: 114.29%;
	color: #ffffff;
	padding: 0px 0px 0px 10px;
	background-color: #16116d;
	background-image: none;
}
div#global-navi div.column-01 ul li.kurashi a {
	border-left: none;
}
div#global-navi.open div.column-01 ul li a.active {
	color: #16116d;
	background-color: #ffe200;
	background-image: none;
}
div#global-navi div.column-01 ul li a span {
	background-image: url(/share/imgs/global-navi-arrow-main-sp.png);
}
div#global-navi div.column-01 ul li a:hover span,
div#global-navi div.column-01 ul li a.active span {
	background-image: url(/share/imgs/global-navi-arrow-main-active-sp.png);
}
div#global-navi div.column-02 div.inner {
	border-left: none;
}
div#global-navi div.footer {
	display: none;
}
div#global-navi.wide div.column-03 {
	width: auto;
}


/* --------------------------------------------------------------------------------
global-navi (home)
-------------------------------------------------------------------------------- */

div.home div#global-navi-wrapper {
	display: block;
}



/* --------------------------------------------------------------------------------
breadcrumb
-------------------------------------------------------------------------------- */

div.breadcrumb {
	width: auto;
}
div.breadcrumb div.inner {
	width: auto;
	padding: 0px 10px;
}
div.breadcrumb div.inner p {
	width: auto;
}
div#breadcrumb-header {
	display: none;
}
div#breadcrumb-footer {
	border-bottom-color: #b3b3b3;
}



/* --------------------------------------------------------------------------------
breadcrumb (home)
-------------------------------------------------------------------------------- */

div.home div#breadcrumb-footer {
	border-bottom-color: #ede7dc;
}


/* --------------------------------------------------------------------------------
breadcrumb (emergency)
-------------------------------------------------------------------------------- */

div.emergency div.breadcrumb {
	width: auto;
	margin: 0px 10px;
}
div.emergency div.breadcrumb div.inner {
	padding: 0px;
}




/* --------------------------------------------------------------------------------
title
-------------------------------------------------------------------------------- */

div#title  {
	margin-bottom: 20px;
}
div#title div.inner {
	width: auto;
}
div#title h1 {
	font-size: 145%;
	border: none;
	padding: 15px;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
}



/* --------------------------------------------------------------------------------
middle
-------------------------------------------------------------------------------- */

div#middle-wrapper {
	width: auto;
	margin-bottom: 20px;
}
div#middle {
	border: none;
	padding: 0px;
	background-color: transparent;
}

/* block
-------------------------------------------------------------------------------- */

div#middle div.block div.header a.button-rss img {
	display: none;
}



/* --------------------------------------------------------------------------------
middle (home)
-------------------------------------------------------------------------------- */

/* block
-------------------------------------------------------------------------------- */

div.home div#middle div#block-life div.content ul li {
	height: 89px;
}
div.home div#middle div#block-life div.content ul li a {
	display: block;
	height: 87px;
	background-repeat: no-repeat;
	background-position: center center;
}
div.home div#middle div#block-life div.content ul li.icon-01 a {
	background-image: url(/share/imgs/home-life-icon-01-sp.png);
}
div.home div#middle div#block-life div.content ul li.icon-02 a {
	background-image: url(/share/imgs/home-life-icon-02-sp.png);
}
div.home div#middle div#block-life div.content ul li.icon-03 a {
	background-image: url(/share/imgs/home-life-icon-03-sp.png);
}
div.home div#middle div#block-life div.content ul li.icon-04 a {
	background-image: url(/share/imgs/home-life-icon-04-sp.png);
}
div.home div#middle div#block-life div.content ul li.icon-05 a {
	background-image: url(/share/imgs/home-life-icon-05-sp.png);
}
div.home div#middle div#block-life div.content ul li.icon-06 a {
	background-image: url(/share/imgs/home-life-icon-06-sp.png);
}
div.home div#middle div#block-life div.content ul li.icon-07 a {
	background-image: url(/share/imgs/home-life-icon-07-sp.png);
}
div.home div#middle div#block-life div.content ul li.icon-08 a {
	background-image: url(/share/imgs/home-life-icon-08-sp.png);
}
div.home div#middle div#block-life div.content ul li img {
	display: none;
}
div.home div#middle div#navi-tab.facebook div.button {
	background-image: url(/share/imgs/home-tab-facebook-sp.png);
}
div.home div#middle div#navi-tab.twitter div.button {
	background-image: url(/share/imgs/home-tab-twitter-sp.png);
}
div.home div#middle div#navi-tab.youtube div.button {
	background-image: url(/share/imgs/home-tab-youtube-sp.png);
}
div.home div#middle div#navi-tab.line div.button {
	background-image: url(/share/imgs/home-tab-line-sp.png);
}

div.home div#middle div#navi-tab.facebook div.button,
div.home div#middle div#navi-tab.twitter div.button,
div.home div#middle div#navi-tab.youtube div.button,
div.home div#middle div#navi-tab.line div.button {
	margin-top: -7px;
	height: 54px;
	background-size: 328px 42px;
}
div.home div#middle div#navi-tab div.button a {
	width: 82px;
	height: 54px;
}


/* --------------------------------------------------------------------------------
middle (emergency)
-------------------------------------------------------------------------------- */

div.emergency div#middle {
	padding: 40px 10px 0px 10px;
}

/* block
-------------------------------------------------------------------------------- */

div.emergency div#middle div.block {
	width: auto;
}
div.emergency div#middle div.block-left {
	float: none;
}
div.emergency div#middle div.block-right {
	float: none;
}
div.emergency div#middle div.block-no-content {
	margin-bottom: 20px;
}



/* --------------------------------------------------------------------------------
content-top
-------------------------------------------------------------------------------- */

div#content-top {
	padding: 0px 10px;
}

/* block
-------------------------------------------------------------------------------- */

div#content-top div.block-column-three div.column {
	float: none;
	width: auto;
	max-width: 330px;
	margin: 0px auto 20px auto;
}
div#content-top div.block-column-three div.column-right {
	float: none;
	width: auto;
}
div#content-top div.block-column-three div.column img {
	max-width: 100%;
	height: auto;
}



/* --------------------------------------------------------------------------------
content
-------------------------------------------------------------------------------- */

div#content {
	float: none;
	width: auto;
	margin: 0px;
	padding: 0px 10px;
}
div#content h2.headline {
	margin-bottom: 20px;
}
div#content div#page-information span.separate,
div#content div#page-information a.button-print {
	display: none;
}

/* block
-------------------------------------------------------------------------------- */

div#content div.block-frame div.header {
	padding: 5px 10px;
}
div#content div.block div.footer a.rss {
	display: none;
}
div#content div.block-column-two div.column,
div#content div.block-column-three div.column,
div#content div.block-column-four div.column {
	float: none;
	margin-right: 0px;
	margin-bottom: 20px;
}
div#content div.block-column-two div.column {
	width: auto;
}
div#content div.block-column-three div.column {
	width: auto;
}
div#content div.block-column-four div.column {
	width: auto;
}
div#content div.block-column-three div.column-right {
	width: auto;
}
div#content div#block-column-image div.column {
	float: none;
	width: auto;
}
div#content div#block-column-image div.column-image {
	width: 200px;
	margin: 0px auto 20px auto;
}
div#content div#block-button div.row {
	float: none;
	width: auto;
	margin: 0px auto 15px auto;
}
div#content div#block-button div.row-right {
	width: auto;
	margin-right: auto;
}

/* MTN ADD 20160509 */
div#content div#block-button div.row.new-row ul.new-button-list li {
	float: none;
	width: 100%;
	margin: 0px auto 15px auto;
}

div.no-sidebar div#content div#block-button div.row.new-row ul.new-button-list li,
div.no-sidebar div#content div#block-button div.row.new-row ul.new-button-list li.row-right {
	width: 100%;
	margin: 0px auto 15px auto;
}
/********************/

div#content div#block-staff {
	display: none;
}
div#content div#block-column-contact div.column {
	float: none;
	width: auto;
	margin: 0px 0px 20px 0px;
}
div#content div#block-column-contact div.column-contact {
	width: auto;
}
div#content div#block-button-two {
	margin-bottom: 0px;
}
div#content div#block-button-two ul li {
	float: none;
	width: auto;
	margin-bottom: 0px;
}
div#content div#block-button-two ul li.left {
	margin: 0px 0px 10px 0px;
}
div#content div#block-like {
	display: none;
}

/* slide
-------------------------------------------------------------------------------- */

div#content div.slide-wrapper {
	display: block;
	margin: 0px -10px 20px -10px;
	padding: 20px 0px;
	background-color: #e6e6e6;
}
div#content div.slide {
	position: relative;
	width: 300px;
	margin: auto;
}
div#content div#slide-staff {
	height: 235px;
	overflow: hidden;
}
div#content div#slide-like {
	height: 190px;
	overflow: hidden;
}
div#content div.slide div.outer {
	position: relative;
	overflow: hidden;
}
div#content div.slide a.button-prev,
div#content div.slide a.button-next {
	position: absolute;
	width: 32px;
	height: 100%;
	top: 0px;
	background-repeat: no-repeat;
	background-position: center center;
}
div#content div.slide a.button-prev {
	left: 0px;
	background-image: url(/share/imgs/cover-button-prev.png);
}
div#content div.slide a.button-next {
	right: 0px;
	background-image: url(/share/imgs/cover-button-next.png);
}
div#content div.slide div.row {
	float: left;
	width: 300px;
	overflow: hidden;
	text-align: center;
}
div#content div#slide-staff div.row div.inner-row img {
	display: block;
	margin: 0px auto 5px auto;
}
div#content div#slide-staff div.row div.inner-row p span {
	font-weight: bold;
}
div#content div#slide-like div.row a.image {
	display: block;
	width: 300px;
	overflow-x: hidden;
}
div#content div#slide-like div.row a.image img {
	display: block;
	width: auto;
	height: 160px;
	margin: 0px auto 5px auto;
}
div#content div#slide-like div.row-large a.image img {
	margin-left: -30px;
}
div#content div.slide-footer {
	display: block;
	text-align: right;
	border-top: 1px solid #b3b3b3;
	margin-bottom: 40px;
	padding-top: 5px;
}

/* form
-------------------------------------------------------------------------------- */

div#content form div.component {
	width: auto;
}
div#content form div.component input.text {
	width: 100%;
	padding-left: 0px;
	padding-right: 0px;
}
div#content form div.component textarea {
	width: 100%;
	padding-left: 0px;
	padding-right: 0px;
}

/* article
-------------------------------------------------------------------------------- */

div#content div.article table {
	width: 100%;
	margin: 20px 0px;
}
div#content div.article div.block {
	margin-bottom: 20px;
	padding-bottom: 0px;
	background-image: none;
}
div#content div.article div.frame-map div.map {
	height: 200px;
}
div#content div.article div.block-map div.column {
	float: none;
	width: auto;
	margin-right: 0px;
}
div#content div.article div.block-map div.column-right {
	width: auto;
}
div#content div.article div.block-data {
	margin-bottom: 40px;
}
div#content div.article div.block-data div.row {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px dashed #b3b3b3;
}



/* --------------------------------------------------------------------------------
content (home)
-------------------------------------------------------------------------------- */

div.home div#content {
	width: auto;
	margin-right: 0px;
}

div.home div#content #block-useful,
div.home div#content #block-ranking {
	display: none;
}


/* --------------------------------------------------------------------------------
content (content-narrow)
-------------------------------------------------------------------------------- */

div.content-narrow div#content {
	width: auto;
}



/* --------------------------------------------------------------------------------
content (sidebar-wide)
-------------------------------------------------------------------------------- */

div.sidebar-wide div#content {
	width: auto;
}



/* --------------------------------------------------------------------------------
content (no-sidebar)
-------------------------------------------------------------------------------- */

div.no-sidebar div#content {
	width: auto;
}
div.no-sidebar div#content div#navi-second {
	margin: 0px -10px 20px -10px;
}
div.no-sidebar div#content div#navi-second ul li {
	float: none;
	width: 100%;
	text-align: left;
	margin-bottom: 1px;
}
div.no-sidebar div#content div#navi-second ul li a {
	border: none;
	padding: 0px 10px;
	background-image: url(/share/imgs/navi-second-arrow-sp.png);
	background-repeat: no-repeat;
	background-position: right center;
}
div.no-sidebar div#content div#navi-second ul li.left a {
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
}
div.no-sidebar div#content div#navi-second ul li.right a {
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
}
div.no-sidebar div#content div#navi-second ul li a:hover,
div.no-sidebar div#content div#navi-second ul li a.active {
	text-indent: 0px;
	background-image: url(/share/imgs/navi-second-arrow-active-sp.png);
}
div.no-sidebar div#content div#navi-second ul li.left a:hover,
div.no-sidebar div#content div#navi-second ul li.left a.active {
	border-left: none;
}

/* block
-------------------------------------------------------------------------------- */

div.no-sidebar div#content div#block-button div.row,
div.no-sidebar div#content div#block-button div.row-right {
	width: auto;
}



/* --------------------------------------------------------------------------------
sidebar
-------------------------------------------------------------------------------- */

div#sidebar {
	float: none;
	width: auto;
	padding: 0px 10px;
}

/* block
-------------------------------------------------------------------------------- */

div#sidebar div.block {
	margin-bottom: 20px;
}
div#sidebar div.block-fold div.header {
	position: relative;
}
div#sidebar div.block-fold div.header div.button-fold {
	position: absolute;
	width: 18px;
	height: 100%;
	right: 10px;
	top: 0px;
	cursor: pointer;
	background: url(/share/imgs/home-button-fold-close.png) no-repeat center center;
}
div#sidebar div.block-fold-close div.header div.button-fold {
	background-image: url(/share/imgs/home-button-fold-open.png);
}
div#sidebar div.block-fold-close div.content {
	display: none;
}
div#sidebar div#block-banner-related div.content,
div#sidebar div#block-banner-advertisement div.content {
	text-align: center;
	font-size: 0px;
	padding: 10px;
}
div#sidebar div#block-banner-related div.content img,
div#sidebar div#block-banner-advertisement div.content img {
	display: inline-block;
	float: none;
	margin: 0px 5px;
}



/* --------------------------------------------------------------------------------
sidebar (home)
-------------------------------------------------------------------------------- */

div.home div#sidebar {
	float: none;
	width: auto;
}
div.home div#sidebar div.column div.left,
div.home div#sidebar div.column div.right {
	float: none;
	width: auto;
}
div.home div#sidebar div.column div.left {
	margin-right: 0px;
}

div.home div#sidebar #block-useful,
div.home div#sidebar #block-ranking {
	display: block;
}


/* --------------------------------------------------------------------------------
sidebar (sidebar-wide)
-------------------------------------------------------------------------------- */

div.sidebar-wide div#sidebar {
	width: auto;
}
div.sidebar-wide div#sidebar div.left,
div.sidebar-wide div#sidebar div.right {
	float: none;
	width: auto;
}
div.sidebar-wide div#sidebar div.left {
	margin-right: 0px;
}



/* --------------------------------------------------------------------------------
banner
-------------------------------------------------------------------------------- */

div.banner-wrapper {
	width: auto;
	padding: 0px 10px;
}
div#banner-advertisement {
	margin-bottom: 20px;
}
div#banner-related div.content,
div#banner-advertisement div.content {
	text-align: center;
	font-size: 0px;
	padding: 10px;
}
div.banner a img {
	display: inline-block;
	float: none;
	margin: 0px 5px;
}



/* --------------------------------------------------------------------------------
footer
-------------------------------------------------------------------------------- */

div#footer {
	width: auto;
	margin: 0px 10px;
}

/* block
-------------------------------------------------------------------------------- */

div#footer div.block-first div.information {
	float: none;
}
div#footer div.block-first div.information h3 {
	float: none;
	margin-right: 0px;
}
div#footer div.block-first div.information div.body {
	float: none;
	margin-bottom: 10px;
}
div#footer div.block-first div.information span.separate {
	display: none;
}
div#footer div.block-second div.links {
	float: none;
	border-bottom: 1px solid #b3b3b3;
	margin-bottom: 15px;
	padding-bottom: 10px;
}
div#footer div.block-second address {
	float: none;
	text-align: center;
}

/* mode
-------------------------------------------------------------------------------- */

div#footer div.mode {
	float: none;
	width: 230px;
	margin: auto;
}
/* add 2020.04.20
-------------------------------------------------------------------------------- */

p#logo-alternate span {
	display: block;
	width: auto;
	padding: 0px 10px 10px 10px;
}
p#logo-alternate a {
	margin: auto;
}
p#logo-alternate a {
	width: 120px;
	height: 30px;
}
div#cover-alternate div.inner-cover-alternate {
	padding-bottom: 20px;
}
div#cover-alternate div.image p.row {
	width: calc(100vw - 40px);
}
div#cover-alternate p.banner {
	width: calc(100% - 20px);
}
/* --------------------------------------------------------------------------------
topinfo
-------------------------------------------------------------------------------- */

div#topinfo {
	width: auto;
}

/* ADD-END 2018/8/9 */

/* ADD 2019/3/14 */
div#jalert-info-wrapper div#jalert-info {
	width:auto;
}
/* add-start 2020.07.10----------------------------------------------------- */
#content img {width:auto;max-width:100%;height:auto;}
/* add-end 2020.07.10----------------------------------------------------- */

/* add 2021.05.11
-------------------------------------------------------------------------------- */
.search-wrapper {
	display: none;
}