@charset "utf-8";
/* CSS Document */

.clear {
	clear: both;
	width: 100%;
}
#page {/*max-width: 960px;*/
	margin: auto;
	z-index: 1;
}
 input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
 background-color: transparent;
 background-image: none;
 color: rgb(0, 0, 0);
 -webkit-box-shadow: 0 0 0px 1000px white inset;
}
.ui-controlgroup-controls .controlgroup-textinput.ui-btn,
.ui-controlgroup-controls .controlgroup-textinput.ui-btn {
	padding: 1.5px 1em;
	background-color: rgba(255,255,255,1.00);
}
.ui-select .ui-btn { }
.ui-page { z-index: 1; }
.ui-panel-closed {
	z-index: 0;
	display: none;
}
/*---------------------------------
ヘッダー
---------------------------------*/
header {
	/*background-image: url(../images/header_bg.png);*/
	background-position: center bottom;
	background-repeat: repeat-x;
	background-size: cover;
	background-color: #FFF;
	z-index: 1;
}
.ui-page-theme-a header.ui-header.ui-bar-inherit { background-color: #FFF; }
header h1 { font-size: 12px; }
header #siteLogo.ui-title {
	max-width: 280px;
	margin: 0 0;
	padding: 0.3em;
}
header #siteLogo.ui-title img {
	width: 100%;
	max-width: 300px;
}
.ui-content {
	padding: 0;
	z-index: 1;
}
.inset {
	width: 98%;
	padding: 1%;
	z-index: 1;
}
/*---------------------------------
パンくずリスト
---------------------------------*/
.crumb {
	display: block;
	background-color: #ccc;
	font-size: 0.75em;
	font-weight: bold;
	border-top: 1px solid #999;
	line-height: 1.8em;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}
.crumb ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: block;
	overflow: hidden;
	white-space: nowrap;
}
.crumb ul li {
	float: left;
	clear: right;
	display: block;
	overflow: hidden;
}
.crumb ul li a,
.crumb ul li span.current {
	display: block;
	overflow: hidden;
	padding: 0.3em 0.5em 0;
	color: #333;
	text-decoration: none;
	text-shadow: 0px 0px rgba(0,0,0,0.25);
}
.crumb ul li a {
	background-image: url(../images/crumb-arrow.png);
	background-position: right center;
	background-repeat: no-repeat;
	background-size: 2.5em;
	padding-right: 2em;
}
/*---------------------------------
h2
---------------------------------*/
h2,
.searchset .overview {
	margin: 0;
	padding: 0.5em;
	padding-left: 1.5em;
	display: block;
	font-size: 0.9em;
	font-weight: bold;
	color: #fff;
	text-shadow: 0 0 2px rgba(0,0,0,0.25);
}
h2 {
	border-top: 1px solid #fff;
	background-color: #DB93CF;
	background-image: -webkit-linear-gradient(270deg, rgba(219,147,207,1.00) 0%, rgba(174,93,161,1.00) 100%);
	background-image: -moz-linear-gradient(270deg, rgba(219,147,207,1.00) 0%, rgba(174,93,161,1.00) 100%);
	background-image: -o-linear-gradient(270deg, rgba(219,147,207,1.00) 0%, rgba(174,93,161,1.00) 100%);
	background-image: linear-gradient(180deg, rgba(219,147,207,1.00) 0%, rgba(174,93,161,1.00) 100%);
}
h2:before {
	content: " ";
	display: inline-block;
	box-sizing: border-box;
	background-color: transparent;
	border: 0.5em solid transparent;
	border-left-color: #fff;
	margin-left: -1em;
}
h2.not-arrow:before { content: none; }
h2 span.count {
	display: block;
	text-align: right;
	font-size: 0.9em;
}
h2 span.count .int {
	font-size: 1.2em;
	margin: 0
}
/*---------------------------------
h3
---------------------------------*/
h3 {
	border-left: 3px solid #044062;
	border-bottom: 1px solid #ccc;
	padding-left: 0.5em;
}
.bottomfix-origin { padding: 0.5em; }
.bottomfix-bar {
	/*position: fixed;*/
	left: 0;
	bottom: 0;
	width: 100%;
	background-color: rgba(255,255,255,0.75);
	border-top: 1px solid #999;
	box-shadow: 0 0 5px rgba(0,0,0,0.50);
	z-index: 1000;
}
.bottomfix-bar.ui-navbar li .ui-btn { font-size: 0.75em; }
/*---------------------------------
スライダー
---------------------------------*/
.scene { width: 100%; }
.scene img { width: 100%; }
section#opening {
	clear: both;
	margin: 0px;
	padding: 5px 0px 0px;
}
.bx-shadow {
	-moz-box-shadow: 0 0 5px #ccc;
	-webkit-box-shadow: 0 0 5px #ccc;
	box-shadow: 0 0 5px #ccc;
	background: #fff;
	margin: 0px;
	padding: 0px;
}
ul#main-bx {
	width: 100%;
	margin: 0px;
	padding: 0px;
}
ul#main-bx li {
	width: 100%;
	max-width: 640px;
	margin: 0px auto;
	padding: 0px;
	position: relative;
}
ul#main-bx li ul {
	margin: 0 15%;
	padding: 0;
	position: absolute;
	bottom: 5%;
	width: 70%;
	display: block;	/*background-color: #0C3;*/
}
ul#main-bx li ul li {
	overflow: hidden;
	margin: 0 5% 0 0;
	padding: 0;
	float: left;
	/*background-color: #039;*/
	width: 30%;
	height: 100%;
}
ul#main-bx li ul li.inaka_right { margin: 0; }
/*---------------------------------
バナー
---------------------------------*/
.bn_box {
	width: 100%;
	clear: both;
	margin: 5px 0px;
	padding: 0px;
}
.bn_box img {
	width: 100%;
	vertical-align: middle;
}
/*---------------------------------
バナーコメント
---------------------------------*/
.bn_fsp {
	width: 100%;
	margin: 0 auto 10px auto;
	overflow: hidden;
	border-radius: 16px;
	-moz-border-radius: 16px;
	-webkit-border-radius: 16px;
	box-shadow: 0 0 7px rgba(0,0,0,0.23);
	-moz-box-shadow: 0 0 7px rgba(0,0,0,0.23);
	-webkit-box-shadow: 0 0 7px rgba(0,0,0,0.23);
}
.bn_fsp a {
	display: block;
	width : 100%;
	background-color: #000000;
	overflow: hidden;
	border-radius: 16px;
	-moz-border-radius: 16px;
	-webkit-border-radius: 16px;
	text-decoration: none;
}
.bn_fsp a.onTap .bn_bg_fsp { opacity: 0.7; }
.bn_fsp .bn_bg_fsp {
	position: relative;
	display: block;
	width: 100%;
	padding: 0 0 5px 0;
	background-color: #ffffff;
	overflow: hidden;
	border-radius: 16px;
	-moz-border-radius: 16px;
	-webkit-border-radius: 16px;
}
.bn_fsp .bn_bg_fsp img { width: 100%; }
.bn_fsp .bn_bg_fsp .bn_title {
	display: block;
	padding: 5px 1em;
	font-size: 14px;
	font-weight: bold;
	line-height: 14px;
}
.bn_fsp .bn_bg_fsp small {
	display: block;
	padding: 0px 1em 5px;
	font-size: 12px;
	/*	line-height: 0.9em;*/
	color: #32271a;
	font-weight: normal;
}
.bn_fsp .bn_bg_fsp .icon_link {
	position: absolute;
	right: 30px;
	top: 50%;
	margin-top: 110px;
}
/*---------------------------------
フッター
---------------------------------*/
.footmenu { font-size: 0.8em; }
.footmenu {
	display: block;
	background-color: #E8E8E8;
	border-radius: 0.2em;
	margin: 1em;
	padding: 0.5em;
}
.footmenu ul {
	margin: 0em;
	padding: 0.5em 0.5em 0em;
}
.footmenu ul li {
	display: inline-block;
	font-weight: normal;
	color: #1c4a70;
}
.footmenu ul li:after { content: "｜"; }
.footmenu ul li:last-child:after { content: none; }
.footmenu ul li a {
	color: #1c4a70;
	text-decoration: none;
	text-shadow: 1px 1px 0 #fff;
}
.Go-PC-Site { text-align: center; }
/*---------------------------------
フッター 会社情報
---------------------------------*/
.info {
	margin: 1em;
	font-size: 0.75em;
	font-weight: normal;
}
.info dl { }
.info dl dt { }
.info dl dt img {
	width: 100%;
	max-width: 240px;
}
.info dl dd {
	/*margin-left: 1em;*/
	color: #FFF;
	text-shadow: none;
	overflow: hidden;
	margin: 0px;
}
.ui-bar-f .info a,
.ui-bar-f .info a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
.info span {
	color: #FFFFFF;
	background-color: #003399;
	float: left;
	font-size: 1.2em;
	font-weight: bold;
	padding: 5px 25px 3px;
	margin: 2px 0px;
}
.info span a { color: #FFFFFF; }
.info span a:hover { color: #FFFFFF; }
.info span a:visited { color: #FFFFFF; }
.info span a { color: #FFFFFF; }
.info span.rice {
	display: block;
	padding-left: 1em;
	text-indent: -1em;
	color: #FFaa00;
}
/*---------------------------------
フッター ご案内図
---------------------------------*/
#gotomap,
#g_map {
	text-shadow: none;
	text-decoration: none;
	display: inline-block;
	background-color: #ffcc66;
	color: #045acc;
	font-size: 1em;
	font-weight: bold;
	padding: 0 0.5em;
	border-radius: 5px;
	margin-left: 1em;
}
/*---------------------------------
フッター　コピーライト
---------------------------------*/
.copyright {
	margin: 0em;
	padding: 0.5em;
	font-size: 10px;
	line-height: 200%;
	text-align: right;
	font-size: 0.75em;
	font-weight: normal;
	color: #FFF;
	text-shadow: none;
}
#TopMainMenu.ui-listview>.ui-li-has-icon>.ui-btn { padding-left: 3em; }
#TopMainMenu.ui-listview>.ui-li-has-icon>.ui-btn>img:first-child {
	top: .45em;
	max-height: 1.5em;
	max-width: 1.5em;
	height: 100%;
	width: 1.5em;
}
/*検索title*/
#menus { overflow: hidden; }
#menus ul.sub_menu {
	margin: 0;
	padding: 0;
	list-style: none;
}
#menus ul.sub_menu li.s_menu_tt_chintai {
	border-style: none;
	margin: 0px;
	padding: 0px;
	/*background-image: url(/common/images/s_menu_chintai.jpg);*/
	background-repeat: no-repeat;
	background-position: left bottom;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
#menus ul.sub_menu li.s_menu_tt_baibai {
	border-style: none;
	margin: 0px;
	padding: 0px;
	/*background-image: url(/common/images/s_menu_baibai.jpg);*/
	background-repeat: no-repeat;
	background-position: left bottom;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
#menus ul.sub_menu li {
	border-top: 1px solid #B9B9B9;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin: 0px;
	padding: 5px 0px 0px 10px;
	font-size: 12px;
	color: #00359F;
	box-sizing: content-box;
}
#menus ul.sub_menu li img {
	width: 100%;
	height: auto;
}

@media only screen and (min-width: 481px) {
#menus ul.sub_menu {
	margin: 1%;
	padding: 0;
	list-style: none;
	width: 48%;
	box-sizing: border-box;
	float: left;
}
}
/*---------------------------------
会社案内
---------------------------------*/
.policy,
.about { font-size: 0.9em; }
.about { }
.about table { width: 100%; }
.about table td,
.about table th {
	border-bottom: 1px solid #ccc;
	text-align: left;
	padding: 0.2em 0.5em;
	display:block;
}
.about table th {
	padding-left: 1.5em;
	white-space: nowrap;
}
.about table th:before {
	content: "";
	display: inline-block;
	box-sizing: border-box;
	background-color: transparent;
	border: 0.3em solid transparent;
	border-top-color: #023686;
	margin-left: -1em;
	margin-right: 0.5em;
}


@media only screen and (min-width: 481px) {

.about table td,
.about table th {
	display:table-cell;
}
.about table th:before{

	border-top-color: transparent;
	border-left-color: #023686;
}

}

#storageErr {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background-color: rgba(255,255,255,0.75);
	padding: 0.5em;
}
#storageErr div {
	padding: 0.5em;
	background-color: #fff;
	margin: 5em 1em;
	border-radius: 0.5em;
	box-shadow: 0 0 0.5em rgba(0,0,0,0.25)
}
.about table td ul {
	padding: 0 0 0 1.5em;
	margin: 0;
}
.ui-field-contain>label,
.ui-controlgroup-label legend { font-weight: bold; }
.ui-li-static.ui-collapsible,
.ui-li-static.ui-collapsible.ui-li-has-count { padding: 0; }
/*.ui-listview { margin-bottom: 0; }*/
.ui-listview .ui-li-static.ui-collapsible > .ui-collapsible-heading {
	padding: 0;
	margin: -1px -1px 0px;
	z-index: 1;
}
.ui-listview .ui-li-static.ui-collapsible > .ui-collapsible-heading.ui-collapsible-heading-collapsed { margin: -1px -1px -1px; }
.ui-listview > .ui-li-static >.ui-collapsible-content {
	padding: 0;
	border-bottom: 0px;
	border-left: 0px;
	border-right: 0px;
	margin-top: 0px;
	z-index: 0;
}
.ui-listview > .ui-li-static >.ui-collapsible-content > .ui-listview {
	margin: 0 -1px 0px 1em;
	border-left: 1px solid #8c8c8c;
}
.ui-listview > li.ui-first-child { }
/*---------------------------------
全角丸スタイル
---------------------------------*/
.radius01 {
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	margin: 0px;
	padding: 0px;
}
#Detail #contact { display: none; }
#News-Article dl {
	display: block;
	margin: 0;
	padding: 0.25em;
	overflow: hidden;
	border-bottom: 1px dotted #999;
}
#News-Article dl:nth-child(n+4) { display: none; }
#News-Article dl dt span.date-box,
#News-Article dl dt span.title { display: block; }
#News-Article dl dt span.date-box { font-size: 0.9em; }
#News-Article dl dt span.date-box .icon {
	float: right;
	display: block;
}
#News-Article dl dt span.title a {
	display: block;
	overflow: hidden;
	width: 100%;
	white-space: nowrap;
	text-overflow: ellipsis;
}
#News-Article dl dd { display: none; }


.marquee {
/*width:600px;*/
padding:0.5em 0;
margin:0 auto;
overflow:hidden;
position:relative;
text-align:left;
}

.marquee p:after {
content:"";
white-space:nowrap;
padding-right:50px;

}

.marquee p {
margin:0;
display:inline-block;
white-space:nowrap;
	-webkit-animation-name:marquee;
	-webkit-animation-timing-function:linear;
	-webkit-animation-duration:10s;
	-webkit-animation-iteration-count:infinite;
	-moz-animation-name:marquee;
	-moz-animation-timing-function:linear;
	-moz-animation-duration:10s;
	-moz-animation-iteration-count:infinite;
	-ms-animation-name:marquee;
	-ms-animation-timing-function:linear;
	-ms-animation-duration:10s;
	-ms-animation-iteration-count:infinite;
	-o-animation-name:marquee;
	-o-animation-timing-function:linear;
	-o-animation-duration:10s;
	-o-animation-iteration-count:infinite;
	animation-name:marquee;
	animation-timing-function:linear;
	animation-duration:10s;
	animation-iteration-count:infinite;
text-align:left;
}

@-webkit-keyframes marquee {
from {-webkit-transform:translate(0);}
to {-webkit-transform:translate(-100%);}
}
@-moz-keyframes marquee {
from {-moz-transform:translate(0);}
to {-moz-transform:translate(-100%);}
}
@-ms-keyframes marquee {
from {-ms-transform:translate(0);}
to {-ms-transform:translate(-100%);}
}
@-o-keyframes marquee {
from {-o-transform:translate(0);}
to {-o-transform:translate(-100%);}
}
@keyframes marquee {
from {transform:translate(0);}
to {transform:translate(-100%);}
}


.sns-tools{
	margin: 1em;
	overflow:hidden;
}
.addthis_sharing_toolbox,
.line_sharing_toolbox{
	margin-top: 0.5em;
	float: left;
}

.line_sharing_toolbox>span{
		margin: 0 2px;
		display: inline-block;
}


img[src="//media.line.me/img/button/ja/40x40.png"]{
	width:32px;
	height:32px;
	float: left;
}
