@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: #33cccc;
	background-image: -webkit-linear-gradient(270deg, rgba(51,204,204,1.00) 0%, rgba(43,183,183,1.00) 100%);
	background-image: -moz-linear-gradient(270deg, rgba(51,204,204,1.00) 0%, rgba(43,183,183,1.00) 100%);
	background-image: -o-linear-gradient(270deg, rgba(51,204,204,1.00) 0%, rgba(43,183,183,1.00) 100%);
	background-image: linear-gradient(180deg, rgba(51,204,204,1.00) 0%, rgba(43,183,183,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;
}


#News{}

#News .News-box{padding:0;}

#News .News-box ul{
  padding:0;
  margin:0;

}
#News .News-box ul li{display:block;padding:0.25em;
border-bottom:1px dotted;

  font-size:0.8em;
  font-weight:normal;
  
  white-space:normal;}

#News .News-box ul li span.date{display:block;}
#News .News-box ul li span.desc{display:none;}

#News.smp-news .News-box a{
	font-size: 0.9em;
	font-weight: normal;
display: block;
	text-decoration: none;
	
	border-bottom: #ccc dotted 1px;
}

#News.smp-news .News-box a dl{

}



#News.smp-news .News-box a dl{

}
#News.smp-news .News-box a dl .date-box{
	display: block
}
#News.smp-news .News-box a dl .date-box .date{display: inline-block;}

#News.smp-news .News-box a dl .date-box .date::before{
    content: "";
    display: inline-block;
    box-sizing: border-box;
    background-color: transparent;
    border: 0.5em solid transparent;
    border-top-color: #023686;
	vertical-align: middle;
	margin-top: 0.25em;
	margin-bottom: -0.25em;
	margin-right: 0.25em;
	width: 0.5em;
}

#News.smp-news .News-box a dl .date-box .icon{
margin-right: 5em;
	display: inline-block;
}



#News.smp-news .News-box a dl dd{
display: none;
}

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;
}



	/*---------------------------------
バナー
---------------------------------*/
	
#pr-box{
display:block;
margin:0;
padding:0;
overflow:hidden;
clear:both;
  
}

#pr-box #Shokihi{
  width:100%; 

  
}

#pr-box #Shokihi a{
    width:50%;   display:block;
}
#pr-box #Shokihi a img{
    width:100%; 
}

#pr-box ul{
display:block;
margin:0;
padding:0;
float: left;
width:50%;
list-style:none;
}

#pr-box ul li{
display:block;
margin:0;
padding:0;



}
#pr-box ul li a{
  width:90%;
  margin:0 5%;
  display:block;
  overflow:hidden;
}

#pr-box ul li a img{width:100%;}

/*---------------------------------
バナー
---------------------------------*/
.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;width:96%;margin:0 2%}

#menus ul.sub_menu{;padding:0;list-style:none;width:96%;margin:0 2%}


#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;
	}
	
	
	
	
	
	
	
	

	
	
.buy_box h4{
	/*text-shadow: 2px 2px 3px #fff;*/
	color: #00359F;
	text-shadow: 0px -1px #fff, 1px 0px #fff, 0px 1px #fff, -1px 0px #fff;
	padding: 0.5em 0.5em 0.25em 2.5em;
	margin: 0px;
	font-weight: bolder;
	font-size: 1em;
	background-color: #33CCCC;
	background-image: url(/common/images/arrow15.png);
	background-repeat: no-repeat;
	background-position: 0.5em center;
	border-bottom: 1px solid #CCC;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
}
.buy_box ul, .buy_box_last ul {
	margin: 0px;
	padding: 0px;
}
.buy_box ul li,
.buy_box_last ul li {
	border-radius:0.5em;
	font-size:0.95em;
	font-weight: bold;
	margin: 3px 5px;
	padding: 3px 0px 3px 3em;
	list-style: none;
	text-indent: 0em;
	background-image: url(/common/images/arrow07.png);
	background-repeat: no-repeat;
	background-position: 1em center;
	border-bottom: 1px dashed #CCC;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
}
.buy_box ul li a
{

	font-weight: bold;
	text-decoration:none;
	
}
	

.buy_box ul li a:hover, .buy_box_last ul li a:hover {
	color: #F00;
	font-weight: bold;
	
}
	
	
	
	
	
	
	#colorbox button.pr_btn_chintai {
    font: Meiryo, sans-serif, "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳＰゴシック", "MS PGothic";
    box-shadow: 0 0 5px #ccc;
    -moz-box-shadow: 0 0 5px #ccc;
    -webkit-box-shadow: 0 0 5px #ccc;
    border: solid 1px #323232;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    /* display: block; */
    border-color: #f67b7a;
    background-image: -webkit-linear-gradient(270deg, rgba(255,160,160,1.00) 0%, rgba(255,187,187,1.00) 100%);
    background-image: -moz-linear-gradient(270deg, rgba(255,160,160,1.00) 0%, rgba(255,187,187,1.00) 100%);
    background-image: -o-linear-gradient(270deg, rgba(255,160,160,1.00) 0%, rgba(255,187,187,1.00) 100%);
    background-image: linear-gradient(180deg, rgba(255,160,160,1.00) 0%, rgba(255,187,187,1.00) 100%);
    background-color: #FFBBBB;

    padding: 0.5em 1em;
    color: #00359F;
    font-size: 1.4em;
    font-weight: 600;
    text-align: center;
}