@charset "utf-8";



/* --------------------------------------------------------------------------------
essential
-------------------------------------------------------------------------------- */

h1.left-sp,
h2.left-sp,
h3.left-sp,
h4.left-sp,
h5.left-sp,
h6.left-sp,
p.left-sp {
	text-align: left;
}



/* --------------------------------------------------------------------------------
misc
-------------------------------------------------------------------------------- */

br.sp {
	display: inline;
}
*.no-sp {
	display: none;
}



/* --------------------------------------------------------------------------------
general
-------------------------------------------------------------------------------- */

div#general div.breadcrumb-header {
	background-image: none;
}
div#general div.breadcrumb div.inner-breadcrumb {
	width: auto;
	padding: 0px 10px;
}
div#general div.breadcrumb-header p {
	padding-right: 0px;
}
div#general p.facility-button-data {
	padding: 0px 0px 20px 0px;
}

/* block
-------------------------------------------------------------------------------- */

div#general div.block-ad {
	background-image: none;
}
div#general div.block-ad div.inner-block {
	width: auto;
	padding: 0px 10px;
}
div#general div.block-ad div.content {
	text-align: center;
	margin-right: 0px;
}
div#general div.block-ad div.content p.banner {
	display: inline-block;
	float: none;
	margin: 0px 3px 3px 2px;
}
div#general div.block-collapse div.header {
	position: relative;
	cursor: pointer;
}
div#general div.block-collapse div.header p.button-collapse {
	position: absolute;
	width: 40px;
	height: 100%;
	right: 0px;
	top: 0px;
	background: url(../imgs/button-collapse-open-sp.png) no-repeat center;
}
div#general div.block-collapse.open div.header p.button-collapse {
	background-image: url(../imgs/button-collapse-close-sp.png);
}
div#general div.block-collapse div.content {
	display: none;
}
div#general div.block-collapse.open div.content {
	display: block;
}



/* --------------------------------------------------------------------------------
general (home)
-------------------------------------------------------------------------------- */

div#general.home div.breadcrumb-header {
	display: none;
}



/* --------------------------------------------------------------------------------
header
-------------------------------------------------------------------------------- */

div#header p.reading {
	display: none;
}

/* block
-------------------------------------------------------------------------------- */

div#header div.block div.inner-block {
	width: auto;
}
div#header div.block-first {
	border-bottom: none;
	padding: 0px;
}
div#header div.block-first div.language,
div#header div.block-first div.font-color,
div#header div.block-first div.font-size {
	display: none;
}
div#header div.block-first div.search {
	position: absolute;
	float: none;
	width: 100%;
	left: 0px;
	top: 60px;
	z-index: 1;
	padding: 10px 0px;
	background-color: #0080a6;
}
div#header div.block-first div.search div.inner {
	padding: 0px 10px 0px 90px;
}
div#header div.block-first div.search p {
	left: 10px;
	top: 0px;
	color: #ffffff;
}
div#header div.block-first div.search input.text {
	background-color: #ffffff;
}
div#header div.block-second {
	height: 104px;
	background-image: none;
}
div#header div.block-second div.inner-block {
	padding: 10px 10px 0px 10px;
}
div#header div.block-second  h1#logo img {
	width: 110px;
	height: 43px;
	margin: 0px;
}
div#header div.block-second  p.button-menu {
	position: absolute;
	width: 44px;
	height: 38px;
	right: 10px;
	top: 10px;
	cursor: pointer;
	background: url(../imgs/buttom-menu-sp.png) no-repeat left top;
}



/* --------------------------------------------------------------------------------
header (home)
-------------------------------------------------------------------------------- */

/* block
-------------------------------------------------------------------------------- */

div.home div#header div.block-first {
	display: block;
	border-bottom: none;
}
div.home div#header div.block-first div.inner-block {
	height: 60px;
}
div.home div#header div.block-first div.language {
	display: block;
	float: none;
	height: auto;
	text-align: center;
	line-height: 20px;
	border-bottom: 1px solid #b3b3b3;
	margin-right: 0px;
	padding: 10px 0px 5px 0px;
}
div.home div#header div.block-first div.language ul {
	display: block;
	width: 230px;
	margin: auto;
}
div.home div#header div.block-first div.language ul li {
	display: inline-block;
	float: none;
}
div.home div#header div.block-first div.search {
	top: 166px;
}
div.home div#header div.block-second {
	height: 150px;
}
div.home div#header div.block-second div.inner-block {
	width: auto;
	padding-top: 5px;
	background-position: center 55px;
	background-size: 105% auto;
}
div.home div#header div.block-second div.inner-block h1#logo {
	position: relative;
	width: 110px;
	height: 43px;
	left: auto;
	top: auto;
	margin: auto;
	padding: 0px;
}
div.home div#header div.block-second div.inner-block h1#logo a {
	display: block;
	height: 100%;
	background: url(../imgs/logo.png) no-repeat left top;
	background-size: auto 43px;
}
div.home div#header div.block-second div.inner-block h1#logo img {
	display: none;
}
div.home div#header div.block-second div.inner-block p.illust {
	position: absolute;
	width: 50%;
	height: 60px;
	right: 0px;
	top: 55px;
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 100% auto;
}



/* --------------------------------------------------------------------------------
global-navi
-------------------------------------------------------------------------------- */

div#global-navi-wrapper {
	width: auto;
	height: 0px;
	overflow: hidden;
}
div#global-navi-wrapper.open {
	height: auto;
	overflow: visible;
	border-top: 1px solid #b3b3b3;
	margin-top: -45px;
}
div#global-navi-wrapper p.button-close-sp {
	display: block;
	text-align: center;
	font-size: 114.29%;
	font-weight: bold;
	line-height: 40px;
	color: #ffffff;
	cursor: pointer;
	background-color: #666666;
}
div#global-navi-wrapper p.button-close-sp span {
	vertical-align: -1px;
	font-size: 137.5%;
	font-weight: normal;
	margin-right: 3px;
}
div#global-navi {
	width: auto;
	height: auto;
}
div#global-navi-blind,
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;
	background-color: transparent;
}
div#global-navi div.column div.detail {
	border-bottom: 1px solid #b3b3b3;
	padding-bottom: 20px;
}
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-color: #0080a6;
}
div#global-navi div.column div.bar a.button-back {
	position: absolute;
	display: block;
	width: 55px;
	height: 20px;
	left: 10px;
	top: 10px;
	background: url(../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 {
	padding: 10px 10px;
	border-bottom: 1px solid #b3b3b3;
}
div#global-navi div.column ul li a:hover,
div#global-navi div.column ul li a.active {
	color: #ffffff;
	background-color: #006934;
}
div#global-navi div.column ul li a span {
	display: block;
	padding-right: 30px;
	background: url(../imgs/global-navi-arrow-sp.png) no-repeat right center;
}
div#global-navi div.column ul li a:hover span,
div#global-navi div.column ul li a.active span {
	background-image: url(../imgs/global-navi-arrow-active-sp.png);
}
div#global-navi div.column-01 div.inner {
	padding: 0px;
}
div#global-navi div.column-01 ul {
	border-radius: 0px;
}
div#global-navi div.column-01 ul li {
	float: none;
	width: auto;
	height: auto;
	overflow: visible;
	text-align: left;
	line-height: 40px;
	border: none;
}
div#global-navi div.column-01 ul li a,
div#global-navi div.column-01 ul li a.active {
	text-align: center;
	font-size: 100%;
	border-top: none;
	padding: 0px 0px 0px 10px;
}
div#global-navi div.column-01 ul li.row-03 a {
	letter-spacing: 0.15em;
}
div#global-navi div.column-01 ul li a.active {
	background-image: none;
}
div#global-navi div.column-01 ul li a:hover,
div#global-navi.open div.column-01 ul li a.active {
	color: #ffffff;
	background-color: #006934;
	background-image: none;
}
div#global-navi div.column-01 ul li a span {
	padding-left: 20px;
}
div#global-navi div.column-01 ul li.row-06 a span {
	background-image: url(../imgs/global-navi-arrow-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(../imgs/global-navi-arrow-active-sp.png);
}
div#global-navi div.column-02 div.inner {
	border-left: none;
}
div#global-navi div.footer {
	display: none;
}
div#global-navi-switch {
	display: none;
}



/* --------------------------------------------------------------------------------
global-navi (home)
-------------------------------------------------------------------------------- */

div.home div#global-navi-wrapper {
	height: auto;
	overflow: visible;
}
div.home div#global-navi-wrapper p.button-close-sp {
	display: none;
}



/* --------------------------------------------------------------------------------
emergency
-------------------------------------------------------------------------------- */

div#emergency {
	padding: 10px;
}
div#emergency div.inner-emergency {
	width: auto;
}
div#emergency div.header {
	position: relative;
	width: auto;
	height: 30px;
	left: auto;
	top: auto;
	overflow: hidden;
}
div#emergency div.header h3 {
	position: relative;
	width: auto;
	top: auto;
	font-size: 114.29%;
	line-height: 35px;
	margin-top: 0px;
	padding-left: 40px;
	background-position: 10px 5px;
	background-size: auto 20px;
}
div#emergency div.content {
	padding: 15px;
}
div#emergency div.content ul li {
	font-size: 114.29%;
}

/* emergency2 */

div.emergency2 {
	padding: 10px;
}
div.emergency2 div.inner-emergency {
	width: auto;
}
div.emergency2 div.header {
	position: relative;
	width: auto;
	height: 30px;
	left: auto;
	top: auto;
	overflow: hidden;
}
div.emergency2 div.header h3 {
	position: relative;
	width: auto;
	top: auto;
	font-size: 114.29%;
	line-height: 35px;
	margin-top: 0px;
	padding-left: 10px;
	background-position: 10px 5px;
	background-size: auto 20px;
}
div.emergency2 div.content {
	padding: 15px;
}
div.emergency2 div.content ul li {
	font-size: 114.29%;
}



/* --------------------------------------------------------------------------------
slide-home
-------------------------------------------------------------------------------- */

div#slide-home {
	padding: 30px 0px;
	background-color: #0080a6;
}
div#slide-home div.inner {
	width: 240px;
}
div#slide-home p.button-prev,
div#slide-home p.button-next {
	width: 40px;
	height: 165px;
	top: 30px;
	background-color: transparent;
}
div#slide-home p.button-prev {
	margin-left: -160px;
	background-image: url(../imgs/home-slide-button-pager-prev-sp.png);
}
div#slide-home p.button-next {
	margin-left: 120px;
	background-image: url(../imgs/home-slide-button-pager-next-sp.png);
}
div#slide-home div.container {
	height: 165px;
}
div#slide-home p.image {
	width: 240px;
	overflow: hidden;
	margin: 0px;
	border-radius: 15px;
}
div#slide-home p.image img {
	width: 240px;
	height: 165px;
}
div#slide-home-navi {
	display: none;
}



/* --------------------------------------------------------------------------------
main
-------------------------------------------------------------------------------- */

div#main div.inner-main {
	width: auto;
	margin: auto;
	padding: 20px 10px 0px 10px;
}



/* --------------------------------------------------------------------------------
main (home)
-------------------------------------------------------------------------------- */

div.home div#main {
	margin-bottom: 20px;
}
div.home div#main div.inner-main {
	width: auto;
	padding: 20px 10px 0px 10px;
}
div.home div#main div#life {
	width: auto;
	height: auto;
	margin-bottom: 20px;
}
div.home div#main div#life div.inner-life {
	position: relative;
	padding-left: 0px;
}
div.home div#main div#life h2 {
	position: relative;
	left: auto;
	top: auto;
	text-align: center;
	font-size: 100%;
	line-height: 30px;
	color: #ffffff;
	background-color: #0080a6;
}
div.home div#main div#life h2 img {
	display: none;
}
div.home div#main div#life h2 span {
	display: block;
}
div.home div#main div#life ul li {
	width: 50%;
}
div.home div#main div#life ul li a {
	border-bottom: 1px solid #666666;
}
div.home div#main div#life ul li:nth-child(2n) a {
	border-right: none;
}
div.home div#main div#life ul li.row-07 a,
div.home div#main div#life ul li.row-08 a {
	border-bottom: none;
}
div.home div#main div#life ul li img {
	margin: auto;
}



/* --------------------------------------------------------------------------------
content
-------------------------------------------------------------------------------- */

div#content {
	float: none;
	width: auto;
	margin: auto;
	margin: 0px 0px 20px 0px;
}
div#content div.list-detail {
	margin: 0px -9px;
}
div#content div.list-detail ul li {
	margin-bottom: 10px;
	padding: 0px 14px 10px 14px;
}
div#content div#page-information {
	margin: 0px;
}
div#content div#page-information p.editor,
div#content div#page-information p.update,
div#content div#page-information p.id {
	margin-right: 5px;
	padding-right: 5px;
}
div#content div#page-information p.id {
	border-right: none;
}
div#content div#page-information p.button-print {
	display: none;
}
div#content table.facility {
	display: none;
}
div#content div.table-facility-sp {
	display: block;
	border: 1px solid #b3b3b3;
	margin-bottom: 30px;
}
div#content div.table-facility-sp h3 {
	font-size: 100%;
	font-weight: bold;
	line-height: 1.4em;
	padding: 5px 10px;
	background-color: #d9ecf2;
}
div#content div.table-facility-sp div.row {
	line-height: 1.6em;
	padding: 10px;
	border-top: 1px solid #b3b3b3;
}

/* 20160219 ADD */
div#content div#slide div.image {
	height: 150px !important;
}
div#content div#slide div.image p.row img {
	width: 100% !important;
	height: 100% !important;
}
/* 20160219 ADD-END */


/* 20160224 ADD */

/* 画像枠レイアウト */

/* 右寄せ画像枠 */
/* 左寄せ画像枠 */
div#general div#content div.article .img_right,
div#general div#content div.article .img_left  {
	clear: both;
	float: none;
	padding: 0;
	margin: 0;
	text-align: center;
	width: auto !important;
	height: auto !important;
}

div#general div#content div.article .img_right img,
div#general div#content div.article .img_left img,
div#general div#content div.article .img_wakuleft img {
	display: inline;
/* 20160215 ADD */
	margin: 0;
	padding: 0;
/* 20160215 ADD-END */
}


/* 画像固定枠 */
div#general div#content div.article .img_waku {
	float: none;
	width: auto !important;
	height: auto !important;
}
div#general div#content div.article .img_wakuleft {
	float: none;
	margin: 0;
	text-align: center;
	width: auto !important;
	height: auto !important;
}
/* 画像の回り込み解除 */
div#general div#content div.article .clearall {
	clear: both;
}

/* 20160215 ADD */
.img_right:after,
.img_left:after,
.img_wakuleft:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
}
/* 20160215 ADD-END */

/* 20160224 ADD-END */

/* frame
-------------------------------------------------------------------------------- */

div#content div.frame div.inner-frame {
	padding: 9px;
}
div#content div.frame-news-event div.inner-frame {
	padding-top: 9px;
}
div#content div.frame-news-event div.list-category {
	margin-bottom: 20px;
}
div#content div.frame-news-event div.pager-header {
	margin-bottom: 20px;
}
div#content div.frame-news-event div.pager ul {
	padding-top: 40px;
}
div#content div.frame-news-event div.list-summary {
	margin-bottom: 20px;
}

/* slide
-------------------------------------------------------------------------------- */

div#content div#slide div.navi {
	padding: 15px 9px 0px 9px;
}

/* column
-------------------------------------------------------------------------------- */

div#content div.column {
	margin-right: 0px;
}
div#content div.column div.row {
	float: none;
	margin: 0px 0px 20px 0px;
}
div#content div.column-two div.row {
	width: auto;
}
div#content div.column-facility {
	margin-bottom: 20px;
}
div#content div.column-facility div.left,
div#content div.column-facility div.right {
	float: none;
	width: auto;
	margin-bottom: 20px;
}
div#content div.column-facility p.image {
	margin-bottom: 10px;
}

/* block
-------------------------------------------------------------------------------- */

div#content div.block {
	margin-bottom: 20px;
}
div#content div.block-news div.content div.footer p.button-rss {
	display: none;
}
div#content div.block-pickup div.content p.button-prev,
div#content div.block-pickup div.content p.button-next {
	display: block;
	position: absolute;
	width: 25px;
	height: 138px;
	top: 20px;
	left: 50%;
	z-index: 10;
	cursor: pointer;
	background-repeat: no-repeat;
	background-position: center;
}
div#content div.block-pickup div.content p.button-prev {
	margin-left: -135px;
	background-image: url(../imgs/pickup-slide-button-prev-sp.png);
}
div#content div.block-pickup div.content p.button-next {
	margin-left: 110px;
	background-image: url(../imgs/pickup-slide-button-next-sp.png);
}
div#content div.block-pickup div.content div.inner {
	position: relative;
	width: 207px;
	overflow: hidden;
	margin: auto;
	padding: 20px 0px;
}
div#content div.block-pickup div.content div.row {
	display: block;
	margin-right: 0px;
}
div#content div.block-contact div.content span.separate {
	display: none;
}
div#content div.block-category-kanko div.content {
	margin: 0px -5px;
}
div#content div.block-category-kanko div.content ul li {
	float: left;
	width: 50%;
	margin: 0px 0px 10px 0px;
	display: table;
}
div#content div.block-category-kanko div.content ul li a {
	padding: 0px 5px;
}
div#content div.block-category-kanko div.content ul li a img {
	width: 100%;
	height: auto;
}

/* 20160331 汎用トップ7 ADD-START */
div#content div.block-category-hanyou7 div.content {
	margin: 0px -5px;
}
div#content div.block-category-hanyou7 div.content ul li {
	float: left;
	width: 50%;
	margin: 0px 0px 10px 0px;
	display: table;
}
div#content div.block-category-hanyou7 div.content ul li a {
	padding: 0px 5px;
}
div#content div.block-category-hanyou7 div.content ul li a img {
	width: 100%;
	height: auto;
}
/* 20160331 汎用トップ7 ADD-END */

div#content div.block-category-general div.content {
	margin-right: 0px;
}
div#content div.block-category-general div.content ul li {
	float: none;
	width: auto;
	margin: 0px 0px 10px 0px;
}
div#content div.block-category-photo div.content {
	margin-right: 0px;
}
div#content div.block-category-photo div.content ul li {
	float: none;
	margin: 0px auto 10px auto;
}
div#content div.block-photo-recommend div.content {
	padding: 20px 0px;
}
div#content div.block-photo-article div.content {
	margin-right: 0px;
}
div#content div.block-photo-article div.content div.row {
	float: none;
	margin: 0px auto 10px auto;
}

/* article
-------------------------------------------------------------------------------- */

div#content div.article h2,
div#content div.article h3,
div#content div.article h4,
div#content div.article h5,
div#content div.article h6 {
	margin: 20px 0px 10px 0px;
}
div#content div.article div#map {
	height: 200px;
}

div#content div.article table td, 
div#content div.article table th {
	white-space: normal;
}

/* 20160225 ADD */

/* bodyarea
-------------------------------------------------------------------------------- */

div#content div.article div.bodyarea {
	display: block;
}

div#general div.bodyarea img {
	width: auto !important;
	margin: 0;
	padding: 0;
}

/* 20160225 ADD-END */

div.article .bodyarea .frame-map {
	width: auto;
}


/* facility
-------------------------------------------------------------------------------- */

div#content div#facility {
	padding-left: 0px;
}
div#content div#facility div.component-category {
	position: relative;
	width: auto;
	left: auto;
	top: auto;
	margin-bottom: 10px;
}
div#content div#facility div.component-category h2 {
	position: relative;
	cursor: pointer;
}
div#content div#facility div.component-category h2 span.button-collapse {
	position: absolute;
	display: block;
	width: 20px;
	height: 20px;
	right: 10px;
	top: 13px;
	background: url(../imgs/facility-button-collapse-open-sp.png) no-repeat left top;
}
div#content div#facility div.component-category.open h2 span.button-collapse {
	background-image: url(../imgs/facility-button-collapse-close-sp.png);
}
div#content div#facility div.component-category ul li {
	display: none;
}
div#content div#facility div.component-category.open ul li {
	display: block;
}
div#content div#facility div.component-category ul li.active {
	display: block;
	border-bottom: none;
}
div#content div#facility div.component-category.open ul li.active {
	border-bottom: 1px solid #b3b3b3;
}
div#content div#facility div.component-map {
	border-bottom: 1px solid #b3b3b3;
	margin-bottom: 10px;
}
div#content div#facility div.component-map div#map {
	height: 300px;
	margin-bottom: 10px;
}
div#content div#facility div.component-map p.button-center,
div#content div#facility div.component-list p.button-sort {
	display: block;
	text-align: center;
	font-weight: bold;
	color: #ffffff;
	cursor: pointer;
	padding: 10px;
	background-color: #006934;
	border-radius: 5px;
}
div#content div#facility.no-position div.component-map p.button-center,
div#content div#facility.no-position div.component-list p.button-sort {
	display: none;
}
div#content div#facility div.component-list p.button-sort {
	display: none;
}
div#content div#facility.no-position div.component-list div.content {
	padding-top: 0px;
}
div#content div#facility div.component-map p.error {
	padding-top: 0px;
}
div#content div#facility div.component-list table {
	border-top: 1px solid #b3b3b3;
}
div#content div#facility.no-position div.component-list table {
	border-top: none;
}
div#content div#facility div.component-list table td {
	display: block;
	width: 100%;
	padding: 0px 10px;
	border-bottom: none;
}
div#content div#facility div.component-list table td.tel {
	border-bottom: 1px solid #b3b3b3;
}
div#content div#facility div.component-list table tr:last-child td.tel {
	border-bottom: none;
}
div#content div#facility div.component-list table tr.last td.tel {
	border-bottom: none;
}
div#content div#facility div.component-list table td.name,
div#content div#facility div.component-list table td.address {
	width: auto;
	border-right: none;
}
div#content div#facility div.component-list table td.name {
	padding-top: 5px;
}
div#content div#facility div.component-list table td.name span {
	display: inline;
}
div#content div#facility div.component-list table td.tel {
	width: auto;
	padding-bottom: 5px;
}

/* form
-------------------------------------------------------------------------------- */

div#content form.form div.component {
	margin-bottom: 20px;
}
div#content form.form div.component-last {
	margin-bottom: 0px;
}
div#content form.form div.component input.text,
div#content form.form div.component textarea {
	box-sizing: border-box;
}
div#content form.form div.component input.text,
div#content form.form div.component input.text-wide,
div#content form.form div.component textarea {
	width: 100%;
}



/* --------------------------------------------------------------------------------
content (home)
-------------------------------------------------------------------------------- */

div.home div#content {
	width: auto;
}
div.home div#content p.banner-sns a {
	font-size: 100%;
}

/* block
-------------------------------------------------------------------------------- */

div.home div#content div.block {
	margin-bottom: 20px;
}
div.home div#content div.block-topics div.content ul {
	float: none;
	width: auto;
}
div.home div#content div.block-topics div.content div.container-image {
	float: none;
	width: auto;
	padding: 10px 0px 0px 0px;
	background: url(../imgs/dot-horizontal.png) repeat-x left top;
}
div.home div#content div.block-topics div.content div.container-image p {
	text-align: center;
}
div.home div#content div.block-topics div.content div.container-image p.image img {
	margin: auto;
}
div.home div#content div.block-tab div.header ul li {
	line-height: 30px;
}
div.home div#content div.block-tab div.content div.footer {
	padding: 5px 10px;
}
div.home div#content div.block-tab div.content div.footer p.button-rss {
	display: none;
}



/* --------------------------------------------------------------------------------
content (wide)
-------------------------------------------------------------------------------- */

div.wide div#content {
	float: none;
	width: auto;
	margin-right: 0px;
}
div.wide-narrow div#content div.frame div.inner-frame {
	padding-left: 9px;
	padding-right: 9px;
}

/* column
-------------------------------------------------------------------------------- */

div.wide div#content div.column-two div.row,
div.wide div#content div.frame div.column-two div.row,
div.wide div#content div.frame div.column-four div.row {
	width: auto;
}



/* --------------------------------------------------------------------------------
content (reverse)
-------------------------------------------------------------------------------- */

div.reverse div#content {
	float: none;
	/*margin-right: 0px;*/
}



/* --------------------------------------------------------------------------------
content-sub
-------------------------------------------------------------------------------- */

/* frame
-------------------------------------------------------------------------------- */

div#content-sub div.frame div.inner-frame {
	padding: 9px;
}

/* block
-------------------------------------------------------------------------------- */

div#content-sub div.block-category-photo div.content {
	margin-right: 0px;
}
div#content-sub div.block-category-photo div.content ul li {
	float: none;
	width: auto;
	margin: 0px 0px 10px 0px;
}



/* --------------------------------------------------------------------------------
sidebar
-------------------------------------------------------------------------------- */

div.sidebar {
	float: none;
	width: auto;
	margin-bottom: 10px;
}
div#sidebar-left {
	margin-right: 0px;
}

/* block
-------------------------------------------------------------------------------- */

div.sidebar div.block {
	margin-bottom: 10px;
}



/* --------------------------------------------------------------------------------
sidebar (home)
-------------------------------------------------------------------------------- */

div.home div.sidebar p.banner img {
	margin: auto;
}
div.home div.sidebar p.banner.margin-bottom {
	margin-bottom: 10px;
}



/* --------------------------------------------------------------------------------
footer
-------------------------------------------------------------------------------- */

div#footer div.inner-footer {
	padding: 0px 10px;
}

/* block
-------------------------------------------------------------------------------- */

div#footer div.block div.inner-block {
	width: auto;
}
div#footer div.block-first div.information {
	margin-bottom: 20px;
}
div#footer div.block-first div.information h3 {
	float: none;
	margin-right: 0px;
}
div#footer div.block-first div.information p.body {
	float: none;
}
div#footer div.block-first div.information p.body span.separate {
	display: none;
}
div#footer div.block-first div.mode {
	position: relative;
	right: auto;
	top: auto;
	margin: 0px;
}
div#footer div.block-second div.links {
	float: none;
	margin-bottom: 10px;
}
div#footer div.block-second p.copyright {
	float: none;
}





/* --------------------------------------------------------------------------------
Add Style (2020.01.31)
-------------------------------------------------------------------------------- */

div#header div.inner-header {
	padding-bottom: 43px;
}

div.home div#header div.block-first {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
}

div.home div#header div.block-second {
	height: 80px;
	padding-top: 56px;
	height: auto;
}

div.home div#header div.block-second div.inner-block {
	width: auto;
}

div.home div#header div.block-second div.inner-block h1#logo {
	width: 162px;
	height: 55px;
	padding-top: 8px;
}

div.home div#header div.block-second div.inner-block h1#logo a {
	background-image: url(/share/imgs/logo-sp.png);
	background-size: auto 100%;
}

div.home div#header div.block-second div.inner-block {
	height: auto;
	padding-bottom: 0;
}

div.home div#header div.block-first div.search {
	top: 332px;
}

/* ---- Main Visual ---- */

.mainvisual-section {
	overflow: hidden;
	width: 100%;
	padding: 20px 0 0;
	background: none;
}

.mainvisual-section .inner-block {
	width: 100%;
}

.mainvisual-section .slick-slide img {
	height: 190px !important;
	object-fit: contain;
}

.mainvisual-section .slick-dots {
	bottom: 22px;
}

.mainvisual-section .slick-dots li {
	padding: 7px 3px;
}

.mainvisual-section .slick-dots li button {
	width: 8px;
	height: 8px;
}

.mainvisual-section .slick-dots li:first-child {
	padding-left: 20px;
}

.mainvisual-section .slick-dots li:last-child {
	padding-right: 20px;
}

.mainvisual-section .slick-initialized .slick-slide {
	width: 100vw !important;
	height: 190px !important;
}

/* ---- Demo style ---- */

#global-navi[style="height: 60px;"] {
	height: 246px !important;
}

#global-navi .section[style="width: 960px; margin-left: 0px;"],
#global-navi .column[style="width: 960px; height: 60px;"] {
	width: 100% !important;
}
