@charset "shift_jis";
/*-----------------------------------------------
マスターファイルです。編集しないでください。
-----------------------------------------------*/
h1 br {
display: none;
}
img {
max-width: 100%;
vertical-align: middle;
width
/***/
: auto;
height:auto;
}
a img {
border: none;
}
div#map_canvas img {
max-height: none;
}
a {
color: #333;
text-decoration: none;
}
a:hover {
color: #666;
}
ul {
margin: 0;
padding: 0;
list-style: none;
}
.pc_off {
display: none;
}
._jcpage_spbtn_area {
display: none;
}
.float_r {
float: right;
}
.float_l {
float: left;
}
.clear {
clear: both;
}
.clearfix:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}
.clearfix {
min-height: 1px;
}
* html .clearfix {
height: 1px;
/*\*/
/*/
height: auto;
overflow: hidden;
/**/
}
.grouppaging {
text-align: center;
clear: both;
}
.grouppaging li {
display: inline-block;
vertical-align: top;
*display: inline;
*zoom: 1;
width: 40px !important;
margin: 2px 7px 2px 0;
line-height: 35px;
border: 1px solid #ccc;
}
.grouppaging li span {
display: block;
background-color: #fdfcfd;
}
.grouppaging a {
height: 35px;
line-height: 35px;
display: block;
background: #ddd;
text-align: center;
font-weight: bold;
color: #000000 !important;
text-decoration: none !important;
}
.grouppaging a:hover {
background: #aaaaaa;
}
.grouppaging a.active {
background: #FFBF00;
}
.map_text {
font-weight: bold;
text-align: center;
margin: 5px 0;
}
li {
list-style: none;
}
.blog-100 {
width: 1000px !important;
}
.maincontents a {
color: #006dd9;
text-decoration: underline;
}
.tablenormal span {
background-color: #eee;
display: block;
padding: 5px 0;
color: #999;
text-align: center;
}
.tablenormal {
display: block;
font-weight: bold;
line-height: 16px;
border-bottom: 1px dashed #CCC;
color: #333;
padding-bottom: 10px;
text-align: center;
letter-spacing: 1px;
margin-bottom: 15px;
}
.tablenormal img {
display: none;
}
.tablenormal a {
background-color: #eee;
display: block;
padding: 5px 0;
text-align: center;
}
.tablenormal a:hover {
background: #CCC;
}
/*-------------------------- master start --------------------------*/
/* jQueryAutoHeight */
.jQueryAutoHeight {
width: auto;
}
.jQueryAutoHeight .block {
float: left;
display: block;
width: 130px;
margin: 4px 3px;
padding: 5px;
background: #f9f9f9;
font-size: 90%;
border: 1px solid #ccc;
}
/*-------------------------- master start --------------------------*/
.page_next {
margin: 0 auto;
margin-top: 50px;
background-color: #f5f5f5;
}
.page_next ul {
display: flex;
justify-content: space-between;
align-items: center;
}
.page_next li {
flex-basis: 45%;
align-self: center;
font-size:13px;
line-height: 22px;
position: relative;
}
.page_next li:nth-child(1) a {
padding: 35px 15px 35px 55px;
}
.page_next li:nth-child(1) a::before {
content: '\f053';
font-family: 'Font Awesome 5 Free';
font-weight: 900;
position: absolute;
top: 50%;
left: 25px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
color:#000;
}
.page_next li:nth-child(2) {
flex-basis: 80px;
height: 40px;
border: 1px solid #999999;
border-radius: 3px;
background-color: #ffffff;
text-align: center;
line-height: 40px;
box-sizing: border-box;
}
.page_next li:nth-child(2) a {
display: block;
color: #111111;
text-decoration: none;
}
.page_next li:nth-child(3) a {
padding: 35px 55px 35px 15px;
text-align: right;
}
.page_next li:nth-child(3) a::after {
content: '\f054';
font-family: 'Font Awesome 5 Free';
font-weight: 900;
position: absolute;
top: 50%;
right: 25px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
color:#000;
}
.page_next li a {
display: block;
color: #0086d1;
}
.page_next li:hover a {
text-decoration: none;
color: #999;
}
/*-----------------------------------------------
.info_ma /info/ インフォメーション
-----------------------------------------------*/
.info_ma {
overflow: hidden;
clear: both;
font-size:medium;
width:780px;
margin:30px auto 0;
}
.info_ma ul {
margin: 0;
padding: 0;
list-style: none;
}
.info_ma_list li {
width: 49%;
display: inline-block;
vertical-align: top;
margin-bottom: 50px;
position: relative;
}
.info_ma_list li:nth-child(even) {
margin-left: 1%;
margin-bottom: 20px;
}
.info_ma h2 a {
float: left;
}
.info_ma h2 span {
display: block;
font-size: 13px;
}
.info_ma h2 p {
color: #333;
font-size: 18px;
font-weight: normal;
line-height: 42px;
float: right;
}
.info_ma_list h3 {
width: 100%;
height: 45px;
color: #FFF;
margin: 0px;
padding: 0px;
position: absolute;
background-color: rgba(0, 0, 0, 0.8);
display: block;
bottom: 0px;
z-index:1;
}
.info_ma_list h3 a {
color: #FFF;
font-size: 14px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
position: absolute;
margin: 0px;
padding: 5px 5px 0px 5px;
display: block;
width: 100%;
height: 40px;
box-sizing:border-box;
}
.info_ma_list h3 a:hover {
text-decoration: underline;
}
.info_ma_list h3 span {
font-size: 12px;
font-weight: normal;
margin-top: 24px;
margin-left: 5px;
display: block;
}
.info_ma p {
font-size: medium;
line-height: 27px;
}
.info_ma p img {
vertical-align: top !important;
height: auto !important;
}
.info_ma_pager {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
.info_ma_pager ul {}
.info_ma_pager li {
float: left;
}
.info_ma_pager li a {
color: #333;
text-decoration: none;
margin: 0px 0px 0px 0px;
padding: 5px;
border: solid 1px #CCC;
background: #FFF;
display: block;
font-weight: bold;
}
.info_ma_pager li a:hover {
background: #DDD;
}
.info_ma_right {
width: 200px;
margin: 0px 0px 0px 20px;
padding: 0;
float: right;
}
.info_ma_right iframe {
border: none;
width: 200px;
vertical-align: bottom;
margin-bottom: -20px;
}
.info_ma h2 {
font-size: 30px;
line-height: 40px;
margin: 0 0 20px 0;
padding: 10px 15px;
height: auto;
overflow: hidden;
border-bottom: solid 2px #DDD;
}
.info_ma h2 p {
line-height: 30px;
}
.info_ma_list {
padding: 0px;
overflow: hidden;
}
.info_ma_list div {
float: none !important;
}
.info_ma_list div:nth-child(1) {
height: 250px;
overflow: hidden;
background: url("/img_cms/no-image.gif") no-repeat;
background-size: cover;
}
.info_ma_list a {
display: block;
}
.info_ma_list li:hover img {
transform: scale(1.1);
}
.info_ma_list a img {
min-width: 100%;
height: 250px;
object-fit: cover;
font-family: 'object-fit: cover';
transition: 0.3s;
}
.info_ma_list p {
margin: 10px 0px 0px 0px;
padding: 0;
line-height: 24px;
}
.blog_header_title {
display: block;
font-weight: bold;
line-height: 16px;
border-bottom: 1px dashed #CCC;
color: #333;
padding-bottom: 10px;
text-align: center;
letter-spacing: 1px;
}
.cms_blogparts {
text-align: center;
}
.cms_blogparts .blog_header {
height: 40px;
padding-top: 0;
}
ul.body_list {
margin: 0;
padding: 0;
list-style: none;
}
ul.body_list li {
position: relative;
background: #EEE;
margin-bottom: 5px;
line-height: 24px;
padding: 0;
border-bottom: none;
border-left: none;
}
ul.body_list li.list_nolink {
padding: 1px 5px;
}
ul.body_list li a {
display: block !important;
padding: 1px 5px !important;
color: #333 !important;
text-decoration: none !important;
position: relative !important;
}
ul.body_list li a:hover {
background: #CCC;
}
.info_ma .list_nolink {
padding: 1px 5px;
color: #999;
}
.info_ma .cal_link a {
display: block;
background: #EAF4FF;
font-weight: bold;
color: #333;
text-decoration: none;
}
.info_ma .cal_link a:hover {
background: #004E9E;
color: #fff;
}
.info_foot {}
.info_foot_l, .info_foot_r {
width: 48%;
float: left;
}
.info_foot_l {
margin-right: 4%;
}
/*-----------------------------------------------
一覧シンプル表示 日付・タイトルのみ
-----------------------------------------------*/
.cms_li_box {
margin: auto;
text-align: left;
}
.cms_li_box ul li a {
font-size: 14px;
display: block;
box-sizing: border-box;
line-height: 60px;
padding: 0 30px;
font-weight: bold;
color: #333;
text-decoration: none;
display: flex;
align-items: baseline;
}
.cms_li_box ul li:nth-child(odd) a {
background: #F5F5F5;
}
.cms_li_box ul li a:hover {
background: #DDDDDD;
}
.cms_li_box ul li a span {
font-weight: 500;
width: 23%;
}
.cms_li_box ul li a p {
width:100%;
line-height:28px;
}
/*-----------------------------------------------
/blog/ ブログ
-----------------------------------------------*/
.blog_ma{
overflow:hidden;
clear:both;
width:780px;
margin:30px auto 0;
}
.blog_ma_list{
margin: 0;
padding: 0;
}
ul.blog_ma_list{
margin: 0 0 50px 0;
padding: 0;
list-style: none;
border-top: 1px solid #DDD9D3;
}
ul.blog_ma_list li{
overflow: hidden;
border-bottom:1px solid #DDD9D3;
}
ul.blog_ma_list li a:hover h3{
text-decoration:underline;
}
ul.blog_ma_list .float_l{
width:70%;
}
ul.blog_ma_list .float_l span{
color:#666;
font-size:12px;
}
.blog_thema{
font-size:12px;
color:#666;
margin-bottom:10px;
}
.blog_thema:before{
content: '◆';
color: #B3C1F9;
margin-right:5px;
}
ul.blog_ma_list .float_r{
width:28%;
}
ul.blog_ma_list .float_r img{
width:100%;
height:130px !important;
border-radius:5px;
object-fit:cover;
}
ul.blog_ma_list h3 a{
color:#333;
text-decoration:none;
float:left;
padding: 5px 0;
}
ul.blog_ma_list h3 span{
display: block;
float: right;
color: #333;
text-decoration: none;
font-size: 16px;
line-height: 30px;
}
ul.blog_ma_list h3 a:hover{
text-decoration:underline;
}
ul.blog_ma_list h3 p{
color:#333;
font-size:18px;
font-weight:normal;
line-height:42px;
float:right;
}
ul.blog_ma_list h3{
margin: 0 0 15px 0;
height: auto;
overflow: hidden;
font-size: 20px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
height: 63px;
background: none;
border: none;
padding:0;
color:#333;
}
ul.blog_ma_list p{
width: 550px;
line-height: 36px;
margin: 0;
padding: 0;
}
ul.blog_ma_list p img{ vertical-align:middle !important;}
.blog_ma_pager ul{
margin: 0;
padding: 0;
}
.blog_ma_pager li{
list-style:none;
margin:0px 10px 0px 0px;
padding:0px 0px 0px 0px;
float:left;
}
.blog_ma_pager li a{
color:#333;
text-decoration:none;
margin:0px 0px 0px 0px;
padding:5px;
border:solid 1px #CCC;
background:#FFF;
display:block;
font-weight: bold;
}
.blog_ma_pager li a:hover{
background:#DDD;
}
.blog_ma_right{
width: 200px;
margin: 0px 0px 0px 20px;
padding: 0;
float: right;
}
.blog_ma_right iframe {
border: none;
width: 200px;
vertical-align: bottom;
margin-bottom: -20px;
}
.blog_ma h3 p {
line-height: 30px;
}
.blog_ma_list {
overflow: hidden;
}
.blog_ma_list a {
display: block;
padding: 15px 0 15px 10px;
}
.blog_ma_list a img {
max-width: 180px;
}
.blog_ma_left{
}
.blog_ma_left p{
line-height: 27px;
font-size:medium;
}
.blog_ma_left p img{
vertical-align:top;
height:auto !important;
}
.blog_tl_top{
display:flex;
justify-content:flex-start;
align-items:center;
}
.blog_tl_top span{
margin-right:5px;
font-weight:bold;
font-size:13px;
}
.blog_thema_shosai{
font-size: 14px;
color: #666;
margin: 10px 0 10px 7px;
}
.blog_thema_shosai:before {
content: '◆';
color: #B3C1F9;
margin-right: 5px;
}
.header_title{
display: block;
font-weight: bold;
line-height: 16px;
border-bottom: 1px dashed #CCC;
color: #333;
padding-bottom: 10px;
text-align: center;
letter-spacing: 1px;
}
.cms_blogparts .header {
height: 40px;
padding-top: 0;
}
.blog_header_title{
display: block;
font-weight: bold;
line-height: 16px;
border-bottom: 1px dashed #CCC;
color: #333;
padding-bottom: 10px;
text-align: center;
letter-spacing: 1px;
}
.cms_blogparts .blog_header {
height: 40px;
padding-top: 0;
}
.body_calender{
width:100%;
}
.cms_bsp_calendar {
vertical-align: bottom;
}
.cms_bsp_calendar{
width:100%;
text-align:center;
padding:0px;
}
.cms_bsp_calendar tr th a {
color: #333;
}
.cms_bsp_calendar tr td{
width:14%;
text-align:center;
line-height: 25px;
}
ul.body_list{
margin:0;
padding:0;
list-style:none;
}
ul.body_list li{
background: #EEE;
margin-bottom: 5px;
line-height: 24px;
padding: 0;
border-bottom: none;
}
ul.body_list li.list_nolink {
padding:1px 5px;
}
ul.body_list li a{
display: block;
padding:1px 5px;
color: #333;
text-decoration: none;
}
ul.body_list li a:hover{
text-decoration:underline;
background: #CCC;
}
.list_nolink {
padding: 1px 5px;
color: #999;
}
.cal_link a {
display: block;
background: #D5D5D5;
font-weight: bold;
color: #333;
text-decoration: none;
border-radius:5px;
}
.cal_link a:hover {
background: #004E9E;
color: #fff;
}
.blog_foot{
}
.blog_foot_l,.blog_foot_r{
width: 48%;
float: left;
margin-top:20px;
}
.blog_foot_l{ margin-right: 4%;}
.blog_ma_left h3 {
margin: 0px auto 35px auto;
position: relative;
padding-bottom: 10px;
border-bottom: 4px solid #DDD;
font-size: 30px;
font-weight: bold;
display: inline-block;
width: 100%;
line-height:37px;
}
.blog_ma_left h3 span {
text-align: right;
font-size: 13px;
display: block;
}
.blog_shosai_box{
font-size:medium;
line-height:27px;
}
.blog_shosai_box img{
height:auto !important;
vertical-align:middle;
}
/*blog2 start*/
.col_wrap {
/*width:1100px;*/
margin: 50px auto 0 auto;
padding: 0;
}
.col {
width: 100%;
margin: 50px auto 0 auto;
padding: 0;
}
.col_li_tl {
height: 50px;
border-bottom: 5px solid #0F3758;
text-indent: 50px;
font-size: 24px;
color: #0C3758;
padding: 15px 0 0 0;
background-image: url(/img_cms/col_tl_icon.jpg);
background-repeat: no-repeat;
background-position: 10px 10px;
}
.col_li_tl span {
padding-right: 20px;
}
.col_li_tl span:empty {
padding-right: 0;
}
.col ul {
width: 800px;
margin: 50px auto 0 auto;
padding: 0;
overflow: hidden;
}
.col ul li {
width: 238px;
height: 258px;
border: 1px solid #666666;
margin: 0 30px 30px 0;
padding: 0;
float: left;
position: relative;
}
.col ul li:nth-child(3n) {
margin: 0 0px 40px 0;
}
.col ul li:hover {
background: #F5F4F2;
}
.col ul li:hover .col_item_theme {
color: #ffffff;
background-color: #0F3758
}
.col_item_theme {
margin: 0;
padding: 0 5px;
border: 1px solid #333333;
line-height: 28px;
font-size: 12px;
background-color: #FFFFFF;
position: absolute;
top: 4px;
left: 4px;
}
.col_item_img a{
height: 130px;
width: 240px;
display: block;
overflow: hidden;
}
.col_item_img img {
width: 238px;
height: 130px;
object-fit: cover;
font-family: 'object-fit: cover';
}
.col_item_date {
width: 120px;
line-height: 30px;
font-size: 14px;
color: #FFFFFF;
background-color: #333333;
position: absolute;
top: 115px;
left: 60px;
text-align: center;
font-family: 'Century Gothic', 'Arial';
z-index: 5;
}
.col_item_tl {
width: 100%;
height: 100%;
position: absolute;
z-index: 10;
top: 0;
left: 0;
}
.col_item_tl a {
color: #333333;
font-size: 15px;
font-weight: bold;
line-height: 1.2em;
width: 220px;
height: 100px;
display: block;
padding: 140px 9px 0 9px;
}
.col_item_tl a span {
height: 45px;
overflow: hidden;
display: block;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
.col ul li p {
width: 220px;
height: 73px;
font-size: 12px;
line-height: 18px;
position: absolute;
top: 130px;
background-color: #FFFFFF;
margin: 0;
padding: 50px 9px 0 9px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
overflow: hidden;
}
.col ul li:hover p {
background-color: #F5F4F2;
}
.blog-of-cale {
margin: 20px 10px 0 0px;
width: 49%;
}
.blog-of {
width: 24%;
margin: 20px 0px 0 10px;
height: auto;
overflow: hidden;
}
.blog-of-new {
width: 100%;
}
/*blog2 end*/
/*blog3 start*/
.blog_right {
width: 25%;
margin: 0px 0px 0px 2%;
padding: 0;
float: left;
}
.blog_left {
width: 73%;
margin: 0px 0px 0px 0px;
padding: 0px 0px 20px 0px;
float: left;
}
.blog_left h3 {
font-size: 19px;
line-height:30px;
margin: 0px 0px 10px 0px;
padding: 10px;
background-color: #005699;
border-left: 5px solid #000;
overflow: hidden;
color: #fff;
}
.blog_left h3 a {
color: #fff;
text-decoration: none;
float: left;
}
.blog_left h3 p {
color: #fff;
font-size: 18px;
font-weight: normal;
margin-right: 20px;
margin: 0px 10px 0px 0px;
padding: 0px 0px 0px 0px;
}
.blog_left p{
font-size:medium;
line-height:27px;
}
.blog_left p img{
vertical-align:top;
height:auto !important;
}
.blog_left p a img{
width:500px;
height:auto;
}
/*-----------------------------------------------
.free_ma /free/ フリーコンテンツ
-----------------------------------------------*/
.free_ma {
overflow: hidden;
clear: both;
}
ul.free_ma_list {
margin: 0;
padding: 0;
list-style: none;
}
ul.free_ma_list li {
margin-bottom: 20px;
overflow: hidden;
}
ul.free_ma_list.free_ma_list li {
border: 1px solid #666;
}
.free_ma_list .free_ma_img {
float: left;
margin-right: 20px;
}
.free_ma_list .free_ma_img img {
max-width: 250px;
width: 100%;
height: 150px !important;
object-fit: cover;
font-family: 'object-fit: cover';
margin: 0 0 10px 0;
}
.free_ma_list .free_ma_txt {
float: left;
}
.free_ma_list .free_ma_txt p {
line-height: 25px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
.free_ma_pager {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
.free_ma_pager ul {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
.free_ma_pager li {
list-style: none;
margin: 0px 10px 0px 0px;
padding: 0px 0px 0px 0px;
float: left;
}
.free_ma_pager li a {
color: #333;
text-decoration: none;
margin: 0px 0px 0px 0px;
padding: 5px;
border: solid 1px #CCC;
background: #FFF;
display: block;
font-weight: bold;
}
.free_ma_pager li a:hover {
background: #DDD;
}
.free_ma h3 {
margin: 0 0 10px 0;
padding: 10px;
height: auto;
overflow: hidden;
background: #EEE;
border-bottom: 1px dashed #666;
font-size: 18px;
}
.free_ma h3 span {
float: right;
}
.free_ma_list {
padding: 10px;
overflow: hidden;
}
.free_ma_list a img {
max-width: 180px;
border: 2px solid #fff;
}
.free_ma_shosai ul {
margin: 0;
padding: 0;
list-style: none;
}
.free_ma_shosai p {
line-height: 36px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-size:14px;
}
.free_ma_shosai p img{
vertical-align:top;
height:auto !important;
}
/*-----------------------------------------------
.free2_ma /free2/ フリーコンテンツ2
-----------------------------------------------*/
.free2_ma {
overflow: hidden;
clear: both;
}
ul.free2_ma_list {
margin: 0;
padding: 0;
list-style: none;
}
ul.free2_ma_list li {
margin-bottom: 20px;
overflow: hidden;
}
ul.free2_ma_list.free2_ma_list li {
border: 4px double #ccc;
}
.free2_ma_list .free2_ma_img {
float: left;
margin-right: 20px;
}
.free2_ma_list .free2_ma_img img {
max-width: 250px;
width: 100%;
height: 150px !important;
object-fit: cover;
font-family: 'object-fit: cover';
margin: 0 0 10px 0;
}
.free2_ma_list .free2_ma_txt {
float: left;
}
.free2_ma_list .free2_ma_txt p {
line-height: 25px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
.free2_ma_pager {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
.free2_ma_pager ul {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
.free2_ma_pager li {
list-style: none;
margin: 0px 10px 0px 0px;
padding: 0px 0px 0px 0px;
float: left;
}
.free2_ma_pager li a {
color: #333;
text-decoration: none;
margin: 0px 0px 0px 0px;
padding: 5px;
border: solid 1px #CCC;
background: #FFF;
display: block;
font-weight: bold;
}
.free2_ma_pager li a:hover {
background: #DDD;
}
.free2_ma h3 {
margin: 0 0 10px 0;
padding: 10px;
height: auto;
overflow: hidden;
background: #EEE;
border-bottom: 1px dashed #666;
font-size: 18px;
}
.free2_ma h3 span {
float: right;
}
.free2_ma_list {
padding: 10px;
overflow: hidden;
}
.free2_ma_list a img {
max-width: 180px;
border: 2px solid #fff;
}
.free2_ma_shosai ul {
margin: 0;
padding: 0;
list-style: none;
}
.free2_ma_shosai p {
line-height: 36px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
/*-----------------------------------------------
.free3_ma /free3/ フリーコンテンツ3
-----------------------------------------------*/
.free3_ma {
overflow: hidden;
clear: both;
}
ul.free3_ma_list {
margin: 0;
padding: 0;
list-style: none;
}
ul.free3_ma_list li {
margin-bottom: 20px;
overflow: hidden;
}
ul.free3_ma_list.free3_ma_list li {
border: 1px solid #666;
}
.free3_ma_list .free3_ma_img {
float: left;
margin-right: 20px;
}
.free3_ma_list .free3_ma_img img {
max-width: 250px;
width: 100%;
height: 150px !important;
object-fit: cover;
font-family: 'object-fit: cover';
margin: 0 0 10px 0;
}
.free3_ma_list .free3_ma_txt {
float: left;
}
.free3_ma_list .free3_ma_txt p {
line-height: 25px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
.free3_ma_pager {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
.free3_ma_pager ul {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
.free3_ma_pager li {
list-style: none;
margin: 0px 10px 0px 0px;
padding: 0px 0px 0px 0px;
float: left;
}
.free3_ma_pager li a {
color: #333;
text-decoration: none;
margin: 0px 0px 0px 0px;
padding: 5px;
border: solid 1px #CCC;
background: #FFF;
display: block;
font-weight: bold;
}
.free3_ma_pager li a:hover {
background: #DDD;
}
.free3_ma h3 {
margin: 0 0 10px 0;
padding: 10px;
height: auto;
overflow: hidden;
background: #EEE;
border-bottom: 1px dashed #666;
font-size: 18px;
}
.free3_ma h3 span {
float: right;
}
.free3_ma_list {
padding: 10px;
overflow: hidden;
}
.free3_ma_list a img {
max-width: 180px;
border: 2px solid #fff;
}
.free3_ma_shosai ul {
margin: 0;
padding: 0;
list-style: none;
}
.free3_ma_shosai p {
line-height: 36px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
/*--------------------------------------------------
.chintai_list_ma /chintai_list_ma/ 賃貸物件一覧
---------------------------------------------------*/
.chintai_list_ma {
overflow: hidden;
text-align: left;
position: relative;
}
.chintai_list_ma ul {
list-style: none;
margin: 0;
padding: 0;
}
.chintai_list_ma li {
overflow: hidden;
}
.chintai_list_ma_text li li {
overflow: hidden;
vertical-align: top;
border-bottom: 1px dashed #dddddd;
padding: 5px 0;
position: relative;
margin-bottom: 20px;
}
.chintai_list_ma_title {
display: block;
line-height: 35px;
font-weight: bold;
text-indent: 10px;
margin-bottom: 10px;
}
.chintai_list_ma_title a {
display: block;
line-height: 50px;
font-weight: bold;
text-indent: 10px;
margin-bottom: 10px;
font-size: 20px;
background: #eee;
color: #333;
}
.chintai_list_ma_title a:hover {
color: #fff;
background: #444;
}
.chintai_list_ma_l {
text-align: center;
width: 280px;
min-height: 223px;
}
.chintai_list_ma_l img {
max-width: 280px;
max-height: 210px;
border: 1px solid #dddddd;
padding: 2px;
vertical-align: bottom;
}
.chintai_list_ma_text {
margin-bottom: 10px;
width: 480px;
}
.chintai_list_ma_text ul {
border-top: 1px solid #dddddd;
margin-bottom: 20px;
}
.chintai_list_ma_text li {
overflow: hidden;
vertical-align: top;
border-bottom: 1px solid #dddddd;
padding: 5px;
position: relative;
margin: 0;
}
.chintai_list_ma_text li p {
float: right;
width: 360px;
margin: 0;
padding-left: 20px;
line-height: 20px;
border-left: 1px dotted #999999;
}
.chintai_list_ma_text li p.price {
font-size: 17px;
color: #ff0000;
font-weight: bold;
}
.chintai_list_ma_text li span {
float: left;
width: 70px;
margin: 0;
font-weight: bold;
text-align: right;
padding-right: 10px;
}
.chintai_list_ma_text li a.shosai {
display: block;
position: absolute;
width: 200px;
height: 25px;
text-align: center;
line-height: 25px;
background: #FF9326;
color: #ffffff;
font-weight: bold;
text-decoration: none;
bottom: 5px;
right: 5px;
}
.chintai_list_ma_text li a.shosai:hover {
background: #999999;
}
.chintai_list_ma_text li a:hover {
opacity: 0.8;
}
.chintai_list_ma h3 {
display: block;
line-height: 35px;
font-weight: bold;
text-indent: 10px;
margin: 0 0 10px 0;
font-size: 17px;
}
.chintai_list_ma_text a.shosai {
display: block;
width: 200px;
height: 40px;
text-align: center;
line-height: 40px;
background: #FF9326;
color: #ffffff;
font-weight: bold;
text-decoration: none;
float: right;
}
.chintai_list_ma_text a.shosai:hover {
background: #999999;
}
.chintai_list_ma_detail {
margin: 20px 0;
padding: 0px;
overflow: hidden;
}
.chintai_list_ma_detail_basic {}
.chintai_list_ma_detail_bl {
width: 68%;
}
.chintai_list_ma_detail_bl li {
padding-top: 10px;
padding-bottom: 10px;
border-top: 1px dashed #dddddd;
}
.chintai_list_ma_detail_bl span {
float: left;
display: block;
width: 70px;
height: 30px;
line-height: 30px;
text-align: center;
background: #eeeeee;
margin: 0px 10px 0px 0px;
}
.chintai_list_ma_detail_bl p {
line-height: 30px;
margin: 0;
}
.chintai_list_ma_detail_bl p.price {
font-weight: bold;
font-size: 18px;
color: #ff0000;
}
.chintai_list_ma_detail_br {
width: 30%;
}
.chintai_list_ma_detail_inq, .chintai_list_ma_detail_map {
border: 1px solid #79796A;
text-align: center;
width: 224px;
height: 44px;
margin: 0 auto 50px;
}
.chintai_list_ma_detail_inq a, .chintai_list_ma_detail_map a {
display: block;
width: 220px;
height: 40px;
color: #ffffff;
text-align: center;
line-height: 40px;
font-weight: bold;
margin: 2px;
text-decoration: none;
}
.chintai_list_ma_detail_inq a:hover, .chintai_list_ma_detail_map a:hover {
background: #79796A;
}
.chintai_list_ma_detail_inq a {
background: #cc0000;
}
.chintai_list_ma_detail_map a {
background: #FF9326;
}
.chintai_list_ma_detail_free {
border: 1px dotted #dddddd;
padding: 10px;
margin-bottom: 20px;
}
.chintai_list_ma_detail_main {
margin-bottom: 20px;
overflow: hidden;
}
.chintai_list_ma_detail_main div {
width: 350px;
padding: 5px;
text-align: center;
}
.chintai_list_ma_detail_main span {
display: block;
text-align: left;
}
.chintai_list_ma_detail_main img {
vertical-align: middle;
max-width: 350px;
max-height: 340px;
}
.chintai_list_ma_detail_photo {
margin-bottom: 10px;
overflow: hidden;
}
.chintai_list_ma_detail_photo ul {
margin-left: 2px;
}
.chintai_list_ma_detail_photo li {
display: inline-block;
vertical-align: top;
text-align: center;
width: 240px;
height: 220px;
*display: inline;
*zoom: 1;
}
.chintai_list_ma_detail_photo img {
max-height: 300px;
max-width: 230px;
}
.chintai_list_ma_detail_photo p {
margin: 0;
}
.chintai_list_ma_detail_info1 {
width: 854px;
}
.chintai_list_ma_detail_info2 {
width: 854px;
margin-bottom: 20px;
border-bottom: 1px dashed #aaaaaa;
}
.chintai_list_ma_detail_table table {
width: 100%;
border-collapse: separate;
border-spacing: 0px;
}
.chintai_list_ma_detail_table th, .chintai_list_ma_detail_table td {
border-top: 1px dashed #aaa;
}
.chintai_list_ma_detail_table th {
width: 130px;
padding: 0 5px;
line-height: 35px;
background: #eeeeee;
}
.chintai_list_ma_detail_table td {
padding: 5px;
}
.chintai_list_ma_detail_info1 td {
padding: 5px;
width: 300px;
}
.chintai_list_ma_detail_info2 td {
padding: 5px;
width: 287px;
}
.chintai_list_ma_detail iframe {
width: 854px;
height: 600px;
}
.chintai_list_ma_detail #map_canvas {
width: 738px !important;
}
/* 一覧種別振り分け */
.chintai_list_ma_theme {
margin: 0 auto;
overflow: hidden;
}
.chintai_list_ma_theme ul {}
.chintai_list_ma_theme ul li {
width: 32%;
float: left;
margin-right: 15px;
}
.chintai_list_ma_theme ul li:last-child {
margin-right: 0px;
}
.chintai_list_ma_theme ul li a {
border: double 3px #051143;
text-align: center;
display: block;
line-height: 40px;
color: #333;
}
.chintai_list_ma_theme ul li a:hover {
background: #444;
border: double 3px #fff;
color: #fff;
}
.chintai_list_ma_theme .chintai_list_ma_tl {
font-size: 25px;
text-align: center;
border: solid 2px #2B844F;
border-width: 2px 0;
line-height: 55px;
margin: 0 0 10px 0;
}
.chintai_list_shubetu {
position: absolute;
top: 13px;
right: 10px;
color: #FFFFFF;
line-height: 20px;
text-align: center;
padding: 0 10px;
font-size: 12px;
font-weight: bold;
background: #333333;
}
/*-----------------------------------------------
.buy_list_ma /buy_list_ma/ 売買物件一覧
-----------------------------------------------*/
.buy_list_ma {
font-weight: normal;
text-align: left;
position: relative;
letter-spacing: 2px;
}
.buy_list_ma ul {
list-style: none;
margin: 0;
padding: 0;
}
.buy_list_ma li {
overflow: hidden;
position: relative;
margin-bottom:20px;
}
.buy_list_ma .buy_list_shubetu {
position: absolute;
top: 13px;
right: 10px;
color: #FFFFFF;
line-height: 20px;
text-align: center;
padding: 0 10px;
font-size: 12px;
font-weight: bold;
background: #333333;
}
.buy_list_ma_text li li {
overflow: hidden;
vertical-align: top;
border-bottom: 1px dashed #dddddd;
padding: 5px 0;
position: relative;
margin-bottom: 20px;
}
.buy_list_ma_title {
display: block;
line-height: 35px;
font-weight: bold;
text-indent: 10px;
margin-bottom: 10px;
}
.buy_list_ma_title a {
display: block;
line-height: 50px;
font-weight: bold;
text-indent: 20px;
margin-bottom: 10px;
font-size: 18px;
background: #eee;
color: #333;
text-decoration:none;
letter-spacing:0;
}
.buy_list_ma_l {
text-align: center;
width: 37%;
min-height: 223px;
padding-left: 2%;
}
.buy_list_ma_l img {
max-width: 100%;
height: auto;
border: 1px solid #dddddd;
padding: 2px;
vertical-align: bottom;
width: 100%;
object-fit: cover;
font-family: 'object-fit: cover';
margin: 0 0 10px 0;
}
.buy_list_ma_text {
margin-bottom: 10px;
width: 56%;
padding-right: 2%;
}
.buy_list_ma_text ul {
border-top: 1px solid #dddddd;
margin-bottom: 10px;
}
.buy_list_ma_text li {
overflow: hidden;
vertical-align: top;
border-bottom: 1px solid #dddddd;
padding: 5px;
position: relative;
margin: 0;
}
.buy_list_ma_text li p {
float: right;
width: 75%;
margin: 0;
padding-left: 20px;
line-height: 20px;
border-left: 1px dotted #999999;
font-size:14px;
}
.buy_list_ma_text li p.price {
font-size: 17px;
color: #ff0000;
font-weight: bold;
}
.buy_list_ma_text li span {
float: left;
margin: 0;
font-weight: bold;
text-align: right;
padding-right: 10px;
font-size:14px;
}
.buy_list_ma_text li a.shosai {
display: block;
position: absolute;
width: 200px;
height: 25px;
text-align: center;
line-height: 25px;
background: #FF9326;
color: #ffffff;
font-weight: bold;
text-decoration: none;
bottom: 5px;
right: 5px;
}
.buy_list_ma_text li a.shosai:hover {
background: #999999;
}
.buy_list_ma_text li a:hover {
opacity: 0.8;
}
.buy_list_ma h3 {
display: block;
line-height: 35px;
font-weight: bold;
text-indent: 10px;
margin: 0 0 10px 0;
font-size: 17px;
}
.buy_list_ma_text a.shosai {
display: block;
width: 200px;
height: 40px;
text-align: center;
line-height: 40px;
background: #FF9326;
color: #ffffff;
font-weight: bold;
text-decoration: none;
float: right;
font-size:14px;
}
.buy_list_ma_text a.shosai:hover {
background: #999999;
}
.buy_list_ma_detail {
margin: 20px 0;
padding: 0px;
overflow: hidden;
}
.buy_list_ma_detail_basic {}
.buy_list_ma_detail_bl {
width: 68%;
}
.buy_list_ma_detail_bl li {
height: 35px;
padding-top: 5px;
border-top: 1px dashed #dddddd;
}
.buy_list_ma_detail_bl span {
float: left;
display: block;
width: 70px;
height: 30px;
line-height: 30px;
text-align: center;
background: #eeeeee;
margin: 0px 10px 0px 0px;
}
.buy_list_ma_detail_bl p {
line-height: 30px;
margin: 0;
}
.buy_list_ma_detail_bl p.price {
font-weight: bold;
font-size: 18px;
color: #ff0000;
}
.buy_list_ma_detail_br {
width: 30%;
}
.buy_list_ma_detail_basic .buy_list_ma_detail_inq, .buy_list_ma_detail_map {
margin-bottom: 15px !important;
width: 224px !important;
height: 44px !important;
}
.buy_list_ma_detail_basic .buy_list_ma_detail_inq a, .buy_list_ma_detail_map a {
width: 220px !important;
height: 40px !important;
line-height: 40px !important;
}
.buy_list_ma_detail_inq, .buy_list_ma_detail_map {
border: 1px solid #79796A;
text-align: center;
width: 346px;
height: 50px;
margin: 0 auto 50px;
}
.buy_list_ma_detail_inq a, .buy_list_ma_detail_map a {
display: block;
width: 342px;
height: 46px;
color: #ffffff;
text-align: center;
line-height: 46px;
font-weight: bold;
margin: 2px;
text-decoration: none;
}
.buy_list_ma_detail_inq a:hover, .buy_list_ma_detail_map a:hover {
background: #79796A;
}
.buy_list_ma_detail_inq a {
background: #cc0000;
}
.buy_list_ma_detail_map a {
background: #FF9326;
}
.buy_list_ma_detail_free {
border: 1px dotted #dddddd;
padding: 10px;
margin-bottom: 20px;
}
.buy_list_ma_detail_free img{
border:none;
}
.buy_list_ma_detail_main {
margin-bottom: 20px;
overflow: hidden;
}
.buy_list_ma_detail_main div {
width: 370px;
}
.buy_list_ma_detail a img {
border: 1px solid #dddddd;
padding: 3px;
}
.buy_list_ma_detail_main p {
width: 350px;
display: table-cell;
vertical-align: middle;
}
.buy_list_ma_detail_main span {
display: block;
text-align: center;
}
.buy_list_ma_detail_main img {
vertical-align: middle;
max-width: 350px;
max-height: 340px;
}
.buy_list_ma_detail_photo {
margin-bottom: 10px;
overflow: hidden;
}
.buy_list_ma_detail_photo ul {
margin-bottom: 20px;
}
.buy_list_ma_detail_photo li {
display: inline-block;
vertical-align: top;
text-align: center;
width: 250px;
margin-right: 7px;
*display: inline;
*zoom: 1;
}
.buy_list_ma_detail_photo li:nth-child(3n) {
margin-right: 0px;
}
.buy_list_ma_detail_photo img {
max-height: 180px;
max-width: 230px;
}
.buy_list_ma_detail_photo li a.fancybox {
height: 180px;
display: inline-block;
margin: 20px 0 0;
vertical-align: middle;
}
.balloon1-top {
position: relative;
display: inline-block;
margin: 5px 0 0;
padding: 7px 10px;
min-width: 120px;
max-width: 100%;
color: #555;
font-size: 12px;
background: #eee;
width: 91%;
text-align: center;
}
.balloon1-top:before {
content: "";
position: absolute;
top: -25px;
left: 50%;
margin-left: -5px;
border: 10px solid transparent;
border-bottom: 15px solid #eee;
}
.balloon1-top p {
margin: 0;
padding: 0;
}
.buy_list_ma_detail_photo p {
margin: 0;
font-size: 12px;
}
.buy_list_ma_detail_info1 {
}
.buy_list_ma_detail_info2 {
}
.buy_list_ma_detail_table {
margin: 30px 0;
border: 1px solid #ccc;
border-left:none;
border-bottom:none;
}
.buy_list_ma_detail_table table {
width: 100%;
border-collapse: separate;
border-spacing: 0px;
}
.buy_list_ma_detail_table th, .buy_list_ma_detail_table td {
border-bottom: 1px solid #ccc;
border-top: none;
}
.buy_list_ma_detail_table th {
width: 16%;
padding: 0 5px;
line-height: 40px;
background: #eeeeee;
}
.buy_list_ma_detail_table td {
padding: 5px;
}
.buy_list_ma_detail_info1 td {
padding: 5px;
width: 300px;
}
.buy_list_ma_detail_info2 td {
padding: 5px;
width: 34%;
}
.buy_list_ma_detail iframe {
width: 854px;
height: 600px;
}
.buy_list_ma_detail #map_canvas {
width: 780px !important;
}
/* 一覧種別振り分け */
.buy_list_ma_theme {
margin: 0 auto;
margin-bottom: 20px;
overflow: hidden;
}
.buy_list_ma_theme ul li {
width: 24%;
float: left;
margin-right: 10px;
}
.buy_list_ma_theme ul li:last-child {
margin-right: 0px;
}
.buy_list_ma_theme ul li a {
border: 1px solid #333;
display: block;
line-height: 45px;
color: #333;
text-decoration:none;
text-indent:30px;
position:relative;
font-weight:bold;
}
.buy_list_ma_theme ul li:after {
content: "";
display: inline-block;
position:absolute;
width: 8px;
height: 8px;
margin: 0 10px;
border-bottom: 2px solid #333;
border-right: 2px solid #333;
transform: rotate(45deg);
top:15px;
right:10px;
}
.buy_list_ma_theme ul li:hover:after{
border-bottom: 2px solid #fff;
border-right: 2px solid #fff;
}
.buy_list_ma_theme ul li a:hover {
background: #333;
color: #fff;
}
.buy_list_ma .buy_list_ma_tl {
font-size: 23px;
text-indent:20px;
line-height: 55px;
margin: 50px 0px 25px 0px;
letter-spacing: 2px;
border-bottom:2px solid #333;
font-weight:bold;
}
a.buy_return {
float: right;
font-size: 13px;
letter-spacing: 1px;
margin: 9px 20px 0 0;
color: #fff;
text-decoration: none;
position: absolute;
right: 0;
display: inline-flex;
padding: 5px 40px;
border:1px solid #333;
text-indent: 0;
line-height:25px;
background-color:#333;
}
a.buy_return:hover {
background: #fff;
color:#333;
}
/*-----------------------------------------------
.form1_ma /inquiry/ 来店予約フォーム
-----------------------------------------------*/
.inquirytable {
width: 780px;
margin: 50px auto;
}
.inquirytable tbody {}
.inquirytable tr {}
.inquirytable th {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: space-between;
width: 255px;
background-color:#FFF;
border:none;
font-size:16px;
text-align:left;
line-height:48px;
}
.inquirytable th p {}
.inquirytable th span:not(:empty).form_required {
background: #ff4a32;
color: #fff;
font-size: 12px;
font-weight: bold;
padding: 0 10px;
line-height: 22px;
height:22px;
margin:14px 0;
}
.inquirytable th,
.inquirytable td {
padding: 10px;
}
.inquirytable td {
width: 770px;
}
.inquirytable td input[type="tel"],
.inquirytable td input[type="text"],
.inquirytable td textarea,
.inquirytable td select {
font-size: 16px;
line-height: 24px;
padding: 10px 20px;
border: 1px solid #ccdae4;
background: #f5f9fc;
font-family: 'Arial', '游ゴシック', YuGothic, 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', sans-serif;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.inquirytable td input[type="tel"]{
margin-bottom:4px;
}
.inquirytable td input[type="text"],
.inquirytable td textarea {
width: 491px;
}
.inquirytable td select {
cursor: pointer;
height: 46px;
margin-right:5px;
}
.inquirytable td textarea {
height: 150px;
display: block;
}
.inquirytable td label {
border: 1px solid #ccdae4;
background: #f5f9fc;
cursor: pointer;
border-radius: 3px;
padding: 10px 15px;
display: inline-block;
margin: 0 10px 10px 0;
font-size:16px;
}
.inquirytable td label input {
width: 20px;
height: 20px;
margin-right: 5px;
}
.inquirytable td label input[type="checkbox"],
.inquirytable td label input[type="radio"]{
vertical-align: middle;
margin-top:0;
margin-left:0;
}
.inquirytable td input[type="text"]:hover,
.inquirytable td textarea:hover,
.inquirytable td select:hover,
.inquirytable td label:hover {
background: #f9fcf5;
border: 1px solid #d6eaba;
}
.inquirytable input[type="submit"] {
border: 2px solid #2799fb;
background: #2799fb;
color: #fff;
border-radius: 30px;
width: 400px;
height: 60px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
box-shadow: 0 0 3px 0 #999;
padding: 0 40px;
font-weight: bold;
cursor: pointer;
margin: 20px auto 0;
font-size: 20px;
display: block;
font-family: "游ゴシック体", "Yu Gothic", YuGothic, 'Noto Sans Japanese', Roboto, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.inquirytable input[type="submit"]:hover {
color: #2799fb;
background: #fff;
}
.inquiryend {
margin: 100px auto;
width: 100%;
border: 10px solid #eee;
padding: 40px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
img.ui-datepicker-trigger {
display: inline-block;
vertical-align: middle;
margin-right:5px;
cursor: pointer;
padding: 10px 15px;
border: 1px solid #ccdae4;
background: #f5f9fc;
vertical-align: bottom;
}
img.ui-datepicker-trigger:hover {
background: #f9fcf5;
border: 1px solid #d6eaba;
}
.inquirytable td span{
display:block;
font-size:14px;
margin-bottom: 5px;
}
.cms_submitbtn button[type="submit"]{
border: 2px solid #2799fb;
background: #2799fb;
color: #fff;
border-radius: 30px;
width: 400px;
height: 60px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
box-shadow: 0 0 3px 0 #999;
padding: 0 40px;
font-weight: bold;
margin: 20px auto 0;
font-size: 20px;
display: block;
font-family: "游ゴシック体", "Yu Gothic", YuGothic, 'Noto Sans Japanese', Roboto, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.cms_submitbtn button[type="submit"]:hover {
color: #2799fb;
background: #fff;
}
.form_inner_add input[type="text"]{
width:69% !important;
margin-bottom:7px;
}
/*-----------------------------------------------
現地販売会 /open_house_ma/
-----------------------------------------------*/
.open_house_ma {
height: auto;
margin: 20px auto;
padding: 0px 0px 0px 0px;
}
.open_house_ma ul {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
.open_house_ma li {
list-style: none;
margin: 20px 0px 20px 0px;
padding: 10px;
overflow: hidden;
border: solid 1px #CCC;
text-align: center;
}
.open_house_ma li:hover {
background: #EEE;
}
.open_house_ma .more {
font-size: 20px;
line-height: 50px;
text-align: center;
padding: 2px;
border: 1px solid #CCCCCC;
}
.open_house_ma .more a {
display: block;
background: #051143;
color: #FFFFFF;
text-decoration: none;
}
.open_house_ma li img {
float: left;
max-width: 310px;
}
div.open_house_ma_img {
float: left;
max-width: 280px;
}
div.open_house_ma_data {
width: 430px;
margin: 0px 0px 0px 15px;
padding: 0px 0px 0px 0px;
float: left;
}
.open_house_ma h3 {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-size: 18px;
text-align: left;
line-height: 32px;
}
.open_house_ma h3 a {
color: #333;
display: block;
text-decoration: none;
}
.open_house_ma h3 a:hover {
text-decoration: none;
}
table.open_house_ma_t1 {
width: 100%;
margin: 0px 0px 10px 0px;
padding: 0px 0px 0px 0px;
border-top: solid 1px #FFF;
border-left: solid 1px #FFF;
}
table.open_house_ma_t1 th {
width: 100px;
padding: 5px;
background: #CCC;
border-bottom: solid 2px #fff;
}
table.open_house_ma_t1 td {
text-indent: 10px;
border-bottom: solid 2px #fff;
background: #EEE;
font-weight: bold;
}
.open_house_ma_yachin {
color: #F00;
font-size: 18px;
}
table.open_house_ma_t2 {
width: 100%;
}
table.open_house_ma_t2 th {
width: 100px;
padding: 5px;
border-right: none;
border-bottom: solid 2px #fff;
background: #CCC;
}
table.open_house_ma_t2 td {
text-indent: 10px;
padding: 5px;
border-right: none;
border-bottom: solid 2px #fff;
background: #EEE;
font-weight: bold;
}
table.open_house_ma_price {
width: 100%;
border: dotted 2px red;
}
table.open_house_ma_price th {
width: 100px;
font-size: 17px;
padding: 5px;
border-right: none;
border-bottom: solid 2px #fff;
color: red;
}
table.open_house_ma_price td {
font-size: 17px;
text-indent: 10px;
padding: 5px;
border-right: none;
border-bottom: solid 2px #fff;
font-weight: bold;
color: red;
}
div.open_house_ma_link {
margin: 20px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
.open_house_ma_data p {
line-height: 24px;
border: dashed 1px #AAA;
margin: 15px 0px 0px 0px;
padding: 10px;
border: solid 10px #F0F0F0;
}
.open_house_ma_shosai {
margin-bottom: 20px;
padding: 10px;
border: solid 1px #CCC;
overflow: hidden;
}
.open_house_ma_shosai .open_house_ma_shosai_img {
float: left;
max-width: 280px;
}
.open_house_ma_shosai .open_house_ma_shosai_img ul {
margin: 0;
padding: 0;
list-style: none;
}
.open_house_ma_shosai .open_house_ma_shosai_img ul li img {}
.open_house_ma_shosai .open_room_data {
width: 460px;
margin: 0px 0px 0px 15px;
padding: 0px 0px 0px 0px;
float: left;
}
.open_house_ma_shosai .open_house_ma_shosai_data {
width: 460px;
margin: 0px 0px 0px 15px;
padding: 0px 0px 0px 0px;
float: left;
}
.open_house_ma_shosai .open_house_ma_shosai_data p {
line-height: 24px;
margin: 15px 0px 0px 0px;
padding: 10px;
border: solid 3px #F0F0F0;
}
.open_house_ma_image {
border: solid 1px #CCC;
overflow: hidden;
margin-bottom: 20px;
}
.open_house_ma_image ul {
margin: 0;
padding: 25px;
list-style: none;
overflow: hidden;
}
.open_house_ma_image ul li {
height: 145px;
margin: 0px 34px 0px 0px;
list-style: none;
overflow: hidden;
float: left;
}
.open_house_ma_image ul li:last-child {
margin: 0;
}
.open_house_ma_image ul li img {}
.open_house_ma_other {
float: right;
margin-bottom: 20px;
}
.open_house_ma_other a {
color: #FFF;
padding: 10px;
text-decoration: none;
}
.open_house_ma_other a:hover {
text-decoration: underline;
}
.open_house_ma_theta {
margin-bottom: 20px;
}
.open_house_ma_thetatext {
margin: 10px 0;
padding: 0px;
clear: both;
border-left: 5px solid #000;
font-size: 18px;
line-height: 35px;
text-indent: 15px;
}
.open_house_ma_thetatext p {
margin: 0;
}
.open_house_ma_inq {
text-align: center;
font-size: 20px;
}
.open_house_ma_inq a {
line-height: 32px;
border: double 3px #FFFFFF;
background: #FF0B0B;
padding: 5px;
display: block;
text-decoration: none;
color: #ffffff !important;
font-weight: bold;
letter-spacing: 5px;
}
.open_house_ma_inq a:hover {
background: #CC0000;
}
.open_house_ma_shosai2 table {
width: 100%;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
border-top: solid 1px #CCC;
border-left: solid 1px #CCC;
}
.open_house_ma_shosai2 th {
width: 15%;
margin: 0px 0px 0px 0px;
padding: 5px;
background: #F2F2F2;
border-right: solid 1px #CCC;
border-bottom: solid 1px #CCC;
}
.open_house_ma_shosai2 td {
width: 35%;
text-indent: 10px;
margin: 0px 0px 0px 0px;
padding: 7px;
background: #FFF;
border-right: solid 1px #CCC;
border-bottom: solid 1px #CCC;
}
.open_house_ma_map {
margin: 0px auto 20px;
}
.open_house_ma_maptxt {
font-weight: bold;
text-align: center;
margin: 5px 0;
}
/*-----------------------------------------------
取引実績 /result_ma/
-----------------------------------------------*/
.result_ma {}
.result_ma ul {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
.result_ma li {
width: 244px;
list-style: none;
margin-right: 20px;
margin-bottom: 20px;
padding: 0;
border: solid 1px #CCC;
display: inline-block;
vertical-align: top;
*zoom: 1;
}
.result_ma li:nth-child(3n) {
margin-right: 0px;
!important
}
.result_ma li a {
display: block;
padding: 5px;
text-align: center;
text-decoration: none;
}
.result_ma li a:hover {
background: #F2F2F2;
}
.result_ma h3 {
color: #333;
font-weight: bold;
line-height: 16px;
margin: 5px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
.result_ma p {
color: #006DD9;
line-height: 24px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
.result_ma_detail {
overflow: hidden;
}
.result_ma_detail img {
max-width: 500px;
float: left;
}
.result_ma_detail table {
width: 270px;
margin: 0px 0px 0px 10px;
padding: 0px 0px 0px 0px;
float: left;
border-top: 1px solid #CCC;
border-left: 1px solid #CCC;
border-right: 1px solid #CCC;
}
.result_ma_detail table th {
width: 80px;
font-weight: bold;
text-align: center;
border-right: 1px solid #CCC;
background: #F2F2F2;
}
.result_ma_detail th, .result_ma_detail td {
font-weight: normal;
line-height: 32px;
border-bottom: 1px solid #CCC;
}
.result_ma_detail table td {
padding: 5px;
}
.result_ma_detail_comment {
width: 248px;
min-height: 78px;
margin: 10px 0px 0px 10px;
padding: 10px;
border: solid 1px #DDD;
float: left;
}
.result_ma .result_ma_detail_free {
height: auto;
margin: 20px auto;
padding: 0px;
}
/*-----------------------------------------------
不動産売却実績 /sale_result_ma/
-----------------------------------------------*/
.sale_result_ma {}
.sale_result_ma a {
display: block;
text-decoration: none;
background: #EEE;
}
.sale_result_ma ul {
list-style: none;
margin: 0;
padding: 0;
}
.sale_result_ma ul li {
margin: 0 0 15px 0;
overflow: hidden;
}
.sale_result_ma_photo {
margin-right: 10px;
}
.sale_result_ma_photo img {
max-width: 250px;
max-height: 200px;
border: 1px solid #999999;
padding: 2px;
vertical-align: bottom;
}
.sale_result_ma_text {
width: 500px;
}
.sale_result_ma_title {
display: block;
line-height: 35px;
font-weight: bold;
text-indent: 10px;
margin-bottom: 10px;
text-align: left;
}
.sale_result_ma_com b {
display: block;
}
.sale_result_ma_com {
text-align: left;
line-height: 26px;
padding-bottom: 10px;
}
.sale_result_ma_link {
float: right;
width: 180px;
height: 40px;
border: 1px solid #FF9326;
padding: 2px;
}
.sale_result_ma_link a {
width: 180px;
background: #FF9326;
text-align: center;
line-height: 40px;
color: #ffffff;
font-weight: bold;
}
.sale_result_ma_link:hover {
border: 1px solid #dddddd;
}
.sale_result_ma_link:hover a {
background: #dddddd;
}
.sale_result_ma_detail {
overflow: hidden;
line-height: 24px;
}
.sale_result_ma_detail p {
line-height: 24px;
}
.sale_result_ma_detail h3 {
display: block;
line-height: 35px;
font-weight: bold;
text-indent: 10px;
margin: 0 0 10px 0;
text-align: left;
font-size: 20px;
background: #EEE;
}
.sale_result_ma_detail_photo {
width: 50%;
overflow: hidden;
margin-bottom: 20px;
float: left;
}
.sale_result_ma_detail_photo li {
width: 50%;
list-style: none;
float: right;
}
.sale_result_ma_detail_photo img {
display: block;
margin-left: auto;
margin-right: auto;
}
.sale_result_ma_detail_text {
margin-bottom: 10px;
}
.sale_result_ma_detail_text img {
max-width: 230px;
margin-left: 25px;
}
.sale_result_ma_detail_text span {
font-weight: bold;
font-size: 16px;
}
.sale_result_ma_detail_text p {
padding-left: 25px;
margin: 10px 0;
}
.sale_result_ma_free {
width: 300px;
border-top: 1px dashed #dddddd;
padding-top: 10px;
}
.sale_result_ma_com {
text-align: left;
line-height: 30px;
padding-bottom: 20px;
}
.sale_result_ma_com2 {
text-align: left;
line-height: 24px;
margin-bottom: 10px;
}
.sale_result_ma_com3 {
text-align: left;
font-weight: bold;
line-height: 28px;
}
/*-----------------------------------------------
不動産広告チラシ /paper_ma/
-----------------------------------------------*/
.paper_ma {}
.paper_ma ul li {
display: inline-block;
width: 240px;
overflow: hidden;
text-align: center;
float: left;
margin-right: 30px;
margin-bottom: 30px;
}
.paper_ma ul li:nth-child(3n) {
margin-right: 0px;
}
.paper_ma ul li img {
border: 1px solid #CCC;
}
div.paper_ma_list_link {
margin-top: 10px;
}
div.paper_ma_list_link a {
width: 45%;
float: left;
font-weight: bold;
background: #EEEEEE;
color: #000;
letter-spacing: 1px;
text-align: center;
text-decoration: none;
font-size: 12px;
margin: 1px;
padding: 5px;
}
div.paper_ma_list_link a:hover {
background: #DDD;
}
.paper_ma .paper_ma_detail {}
.paper_ma .paper_ma_link a {}
.paper_ma .paper_ma_detail img {
max-width: 380px;
margin: 5px;
}
.paper_ma .paper_ma_text {
border: #183451 3px solid;
margin: 20px auto;
padding: 5px;
line-height: 20px;
}
.paper_ma_download {}
.paper_ma_download a {
display: block;
text-align: center;
font-size: 16px;
text-decoration: none;
background: #DDD;
color: #333;
padding: 10px 0;
}
.paper_ma_download a:hover {
color: #FFF;
background: #333;
}
/*-----------------------------------------------
.live_news_ma /live_news_ma/ 建築現場レポート
-----------------------------------------------*/
.live_news_ma {}
.live_news_ma ul {
width: 820px;
margin: 0px -40px 0px 0px;
padding: 0px 0px 0px 0px;
}
.live_news_ma ul li {
width: 380px;
min-height: 120px;
display: inline-block;
list-style: none;
margin: 10px 5px 10px 0px;
padding: 5px;
vertical-align: top;
position: relative;
}
.live_news_ma ul li:hover {
background: #EEE;
}
.live_news_ma ul li a {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
}
.live_news_ma ul li img {
float: left;
max-width: 190px;
max-height: 120px;
margin: 5px;
}
.live_news_ma_data {
width: 210px;
margin: 0;
padding: 0;
float: right;
}
.live_news_ma h3 {
line-height: 20px;
margin: 0px 0px 0px 0px;
padding: 5px 5px 5px 5px;
background: #87745C;
color: #FFF;
}
.live_news_ma_com p {
margin: 10px 0 0 0;
padding: 0;
}
.live_news_ma_detail h2 {
margin: 5px 0;
padding: 0px 0px 0px 0px;
font-size: 24px;
text-align: left;
line-height: 50px;
border-bottom: 1px dashed #AAA;
}
.live_news_ma_detail ul {
font-size: 0;
}
.live_news_ma_detail ul li {
display: inline-block;
*display: inline;
*zoom: 1;
width: 360px;
margin: 0 5px 20px 5px;
}
.live_news_ma_photo {
margin: 10px 0;
}
.live_news_ma_photo img {
border: dashed 1px #CCC;
margin: 0px 0px 0px 0px;
padding: 5px;
max-width: 96% !important;
max-height: 260px !important;
}
.live_news_ma_detail ul li span {
display: block;
font-size: 16px;
font-weight: bold;
color: #9C7841;
}
/*-----------------------------------------------
.reform_ma /reform_ma/ リフォーム事例
-----------------------------------------------*/
.reform_ma_list ul {
overflow: hidden;
margin: 0px auto;
padding: 0px 0px 0px 0px;
}
.reform_ma_list li {
width: 48%;
list-style: none;
padding: 0px;
display: inline-block;
vertical-align: top;
*display: inline;
*zoom: 1;
position: relative;
margin: 0px 3% 4% 0px;
overflow: hidden;
letter-spacing: 1px;
}
.reform_ma_list li a {
display: block;
text-align: left;
text-decoration: none;
}
.reform_ma_list li:nth-child(2n) {
margin-right:0;
}
.reform_ma_list li a:hover {
background-color: rgba(0, 0, 0, 0.1);
}
.reform_ma_list li a img {
width: 100%;
height: 250px !important;
object-fit: cover;
font-family: 'object-fit: cover';
margin: 0 0 10px 0;
}
.reform_ma_list h3 {
color: #000;
font-size: 13px;
font-weight: normal;
line-height: 18px;
text-decoration: underline;
margin: 15px 0px;
padding: 0px 10px;
}
.reform_ma_list p {
color: #333;
font-size: 12px;
line-height: 24px;
margin: 0px;
padding: 0px 10px;
}
.reform_ma_shosai h3 {
color: #333;
font-size: 16px;
font-weight: bold;
margin: 10px 0;
border-left: 3px solid #333;
text-indent: 15px;
line-height: 24px;
}
.reform_ma_shosai {
margin: 20px 0;
}
.reform_ma_comment01 {
font-size: 16px;
font-weight: bold;
line-height: 24px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
.reform_ma_comment02 {
margin: 20px 0;
clear: both;
}
.reform_ma_comment02 img{
height:auto !important;
}
.reform_ma_comment02 p {
font-size: 16px;
line-height: 24px;
background: #F2F2F2;
padding: 15px;
}
.reform_ma_before ul {
overflow: hidden;
}
.reform_ma_before ul li {
float: left;
margin: 1px;
width: 193px;
max-height: 130px;
overflow: hidden;
}
.reform_ma_before ul li img {
width: auto !important;
max-height: 150px !important;
;
}
/*-----------------------------------------------
リフォーム事例 /build_result_ma/
-----------------------------------------------*/
.build_result_ma_list li {
width: 246px;
list-style: none;
margin: 0px 0px 30px 20px;
padding: 0px;
display: inline-block;
vertical-align: top;
*display: inline;
*zoom: 1;
position: relative;
}
.build_result_ma_list li a {
display: block;
text-align: left;
text-decoration: none;
}
.build_result_ma_list li a:hover {
background: #F2F2F2;
}
.build_result_ma_list li a:hover ::after {
color: #FFF;
content: "詳しく見る";
position: absolute;
width: 100%;
height: 52%;
padding-top: 40%;
background: #000;
text-align: center;
background-color: rgba(0, 0, 0, 0.5);
top: 0;
left: 0;
}
.build_result_ma_list h3 {
line-height: 16px;
margin: 10px 0;
padding: 0;
}
.build_result_ma p {
line-height: 24px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
.build_result_ma_shosai h3 {
color: #333;
font-size: 16px;
font-weight: bold;
margin: 10px 0;
border-left: 3px solid #333;
text-indent: 15px;
line-height: 24px;
}
.build_result_ma_shosai {
margin: 20px 0;
}
.build_result_ma_comment01 {}
.build_result_ma_comment02 {
margin: 20px 0;
clear: both;
border: 1px solid #333;
padding: 10px;
}
.build_result_ma_before ul {
overflow: hidden;
}
.build_result_ma_before ul li {
float: left;
margin: 1px;
width: 193px;
max-height: 130px;
overflow: hidden;
}
/* flickSlider */
.flickSlider {
margin: 0 auto;
text-align: left;
}
.flickSlider .flickView {
width: 100%;
text-align: left;
position: relative;
overflow: hidden;
height: 560px !important;
}
.flickSlider .flickView ul {
top: 0;
left: 0;
width: 100%;
position: absolute;
overflow: hidden;
height: 560px !important;
}
.flickSlider .flickView ul li {
width: 100%;
float: left;
display: inline;
overflow: hidden;
padding-bottom: 20px;
}
.flickSlider .flickView ul li span {
margin: 0;
position: absolute;
bottom: 0px;
z-index: 100;
text-align: center;
font-size: 14px;
background-color: #efefef;
display: block;
width: 780px;
line-height: 40px;
}
.flickSlider .flickView ul li img {
display: block;
margin: 0px auto;
max-width: 780px !important;
max-height: 520px;
}
.flickSlider .flickThumb {
width: 100%;
overflow: hidden;
}
.flickSlider .flickThumb ul {
width: 110%;
margin-top: 2%;
}
.flickSlider .flickThumb ul li {
width: 10% !important;
min-height: 45px !important;
height: 53px;
margin-right: 3px;
float: left;
cursor: pointer;
display: inline;
overflow: hidden;
border: 2px solid #CCC;
opacity: 1 !important;
}
.flickSlider .flickThumb ul li:empty {
display:none;
}
.flickSlider .flickThumb ul li img {
/* max-width: 80px !important; */
height: 53px !important;
width: 100% !important;
object-fit: cover;
font-family: 'object-fit: cover';
margin: 0 0 0px 0;
}
.flickSlider .flickThumb ul li.active {
/*追加*/
border: 2px solid #000;
}
.flickSlider .btnPrev,
.flickSlider .btnNext {
top: 0;
width: 5%;
height: 100%;
position: absolute;
cursor: pointer;
}
.flickSlider .btnPrev {
left: 0;
background: url(/img_cms/btnPrev.png) no-repeat center center / 85%;
}
.flickSlider .btnNext {
right: 20px;
background: url(/img_cms/btnNext.png) no-repeat center center / 85%;
}
.flickSlider .flickView ul:after,
.flickSlider .flickThumb ul:after {
content: ".";
height: 0;
clear: both;
display: block;
visibility: hidden;
}
.flickSlider .flickView ul,
.flickSlider .flickThumb ul {
display: inline-block;
overflow: hidden;
}
/*-----------------------------------------------
.form2_ma /inquiry/ 売却査定
-----------------------------------------------*/
.form2_ma {
margin: 15px auto 0;
overflow: hidden;
width:780px;
}
.form2_ma .sale_box {
width: 250px;
float: left;
margin: 0 12px 10px 0;
border: solid 1px #006CD8;
overflow: hidden;
}
.form2_ma .sale_box a {
display: block;
line-height: 65px;
color: #333;
width: 250px;
height: 65px;
}
.form2_ma .sale_l {
width: 60px;
float: left;
background: #006CD8;
position: relative;
height: 65px;
}
.form2_ma .sale_r {
width: 185px;
float: right;
}
.form2_ma .sale_r span {
font-weight: bold;
margin: -15px 0 -20px 0;
display: block;
font-size: 15px;
}
.form2_ma .sale_r p {
font-size: 11px;
line-height: 15px;
margin: 0;
}
.form2_ma .last {
margin-right: 0 !important;
}
.form2_ma .sale_box a:hover {
background: #E8F3FF;
display: block;
}
.form2_ma .sale_l img {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
}
.form_banner {
margin: 15px 0 0 0;
position: relative;
text-align:center;
}
.form_banner a {
position: absolute;
right: 20px;
bottom: 20px;
color: #fff;
font-size: 24px;
font-weight: bold;
letter-spacing: 2px;
background: #006CD8;
line-height: 60px;
width: 300px;
text-align: center;
border-radius: 100px;
box-shadow: 0 3px #0051A2;
border: solid 1px #FFF;
}
.form_banner a:hover {
background: #0051A2;
}
/*----------------------------------------------------------
.gallery /gallery/ 管理物件ギャラリー
----------------------------------------------------------*/
.gallery_ma ul {
margin: 0px auto;
padding: 0px 0px 0px 0px;
font-size: 0;
overflow: hidden;
width:778px;
}
.gallery_ma_list li {
width: 246px;
list-style: none;
margin: 0px 20px 30px 0px;
padding: 0px;
display: inline-block;
vertical-align: top;
*display: inline;
*zoom: 1;
position: relative;
}
.gallery_ma_list li:nth-child(3n) {
margin-right:0;
}
.gallery_ma_list li a {
display: block;
text-align: center;
text-decoration: none;
padding: 5px;
box-sizing: border-box;
}
.gallery_ma_list li a:hover {
background: #F2F2F2;
}
.gallery_ma_list li a img {
max-height: 160px;
}
.gallery_ma_list li span {
color: #333;
font-size: 12px;
line-height: 20px;
display: block;
font-weight: normal;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
height:20px;
}
.gallery_ma_list h3 {
color: #333;
font-size: 14px;
font-weight: bold;
line-height: 16px;
margin: 5px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
.gallery_ma p {
color: #006DD9;
font-size: 14px;
line-height: 24px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
.gallery_ma h3 {
color: #333;
font-size: 16px;
font-weight: bold;
margin: 3px 0 0;
text-align: left;
border-bottom: 4px #ddd double;
line-height: 26px;
}
.gallery_ma_shosai {
margin: 0px 0px 20px 0px;
}
.gallery_ma_shosai1 img {
max-width: 50% !important;
max-height: 370px !important;
float: left;
}
.gallery_ma_shosai1 {
overflow: hidden;
}
.gallery_ma_shosai1 table {
width: 48%;
margin: 0px 0px 0px 10px;
padding: 0px 0px 0px 0px;
float: right;
border-top: 1px solid #CCC;
border-left: 1px solid #CCC;
border-right: 1px solid #CCC;
border-collapse: collapse;
}
.gallery_ma_shosai1 th, .gallery_ma_shosai1 td {
font-size: 14px;
font-weight: normal;
line-height: 25px;
border-bottom: 1px solid #CCC;
}
.gallery_ma_shosai1 th {
width: 80px;
font-weight: bold;
text-align: center;
border-right: 1px solid #CCC;
background: #F2F2F2;
}
.gallery_ma_shosai1 td {
width: 340px;
padding: 10px;
}
.gallery_ma_shosai2 {
font-size: 13px;
min-height: 78px;
margin: 20px auto;
padding: 10px;
border: solid 1px #DDD;
background: F2F2F2;
}
.gallery_ma_shosai3 {
margin: 0px auto;
padding: 0px;
overflow: hidden;
}
.gallery_ma_shosai3 ul {
width: 105%;
margin: 0px 0px 0px -20px;
padding: 0px;
overflow: hidden;
}
.gallery_ma_shosai3 li {
font-size: 12px;
width: 30%;
list-style: none;
display: inline-block;
vertical-align: top;
*display: inline;
*zoom: 1;
margin: 0px 0px 20px 20px;
}
.gallery_ma_shosai3 li img {
/* max-width:100% !important;
height:auto !important;*/
}
.gallery_ma_shosai3 li img {
max-height: 180px !important;
max-width: 230px !important;
}
.gallery_ma_shosai3 li a.fancybox {
height: 190px;
display: inline-block;
margin: 20px 0 0;
vertical-align: middle;
text-align: center;
width: 100%;
}
.gallery_ma_shosai3_free {
height: auto;
overflow: hidden;
margin: 0px auto 40px;
padding: 0px;
text-align: center;
border: 3px double #ddd;
}
.gallery_ma_inq a {
width: 46%;
color: red;
font-size: 14px;
font-weight: bold;
text-align: center;
margin: 0px auto;
padding: 10px;
display: inline-block;
background: #FFF;
border: solid 1px red;
border-radius: 5px;
text-decoration:none;
}
.gallery_ma_inq a:hover {
color: #FFF;
background: red;
}
.gallery_ma_inq a.kanri-link {
color: #006cd8;
border: solid 1px #006cd8;
}
.gallery_ma_inq a.kanri-link:hover {
color: #FFF;
background: #006cd8;
}
/*-----------------------------------------------
staff スタッフ紹介
-----------------------------------------------*/
.staff_ma {
text-align: left;
}
.staff_ma_list {
width: 100%;
margin: 0 auto 30px;
overflow: hidden;
text-align: left;
}
.staff_ma_list ul {
width: 100%;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
overflow: hidden;
}
.staff_ma_list li {
display: inline-block;
overflow: hidden;
width: 31%;
margin: 0px 1% 1% 0;
text-align: center;
border: 1px solid #ccc;
vertical-align: top;
padding: 4px;
*display: inline;
*zoom: 1;
}
.staff_ma_list li:nth-child(3n) {
margin-right: 0px;
}
.staff_ma_list li p {
margin: 0px;
padding: 5px;
font-size:12px;
}
.staff_ma_photo {
max-height: 180px;
overflow: hidden;
}
.staff_ma_photo img {
width: 100%;
max-height: none;
height: 180px;
border: 0;
vertical-align: bottom;
object-fit: cover;
font-family: 'object-fit: cover';
}
.staff_ma_list_photo p {
margin: 0;
padding: 0;
position: relative;
}
.staff_ma_list a {
display: block;
text-align: center;
font-weight: bold;
text-decoration: none;
color: #000000;
}
/*連携部分*/
.staff_ma_mc-group ul {
margin: 0;
padding: 0;
list-style: none;
overflow:hidden;
}
.staff_ma_mc-group ul li {
width: 187px;
margin: 0px 0px 20px 8px;
float: left;
text-align:center;
}
.staff_ma_mc-group ul li a{
border: 1px solid #EEE;
padding: 5px;
display:block;
}
.staff_ma_h2 {
padding: 10px 0px 5px 0px;
border-bottom: solid 1px #333;
font-size: 16px;
margin: 10px 0;
font-weight:bold;
}
.staff_ma_mc-group ul li:hover {
background: #EEE;
}
.staff_ma_mc-group ul li img {
max-width: 100%;
height: 120px;
}
.staff_ma_mc-group ul li p{
font-size: 12px;
line-height: 21px;
margin: 7px 0px 5px;
padding: 0px 0px 0px 0px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
height:42px;
text-align:left;
}
/*-----------------------------------------------
スタッフ詳細 /staff1_ma/
-----------------------------------------------*/
.staff1_ma_detail h3 {
border-bottom: 3px solid #000000;
margin: 10px 0;
font-size: 16px;
line-height: 35px;
}
.staff1_ma_detail ul {
overflow: hidden;
margin-bottom: 10px;
}
.staff1_ma_detail li {
float: left;
padding-right: 15px;
}
.staff1_ma_detail li:last-child {
padding-right: 0px;
}
.staff1_ma_detail li img {
max-width: 250px !important;
}
.staff1_ma_detail_prof div {
width: 48%;
display: inline-block;
margin: 2% 3% 1% 0;
vertical-align: text-top;
}
.staff1_ma_detail_prof div:nth-child(2n) {
margin-right:0;
}
.staff1_ma_detail_prof p {
font-size: 15px;
line-height: 24px;
}
.staff1_ma_detail_prof span {
margin: 5px 0;
display: block;
border-bottom: 1px dashed #aaaaaa;
font-size: 16px;
line-height: 32px;
font-weight: bold;
}
.staff1_ma_detail_comment {
background: #EEE;
padding: 15px 10px;
margin-bottom:50px;
}
.staff1_ma_detail_comment p{
margin:0;
font-size:15px;
line-height:23px;
}
/*-----------------------------------------------
スタッフ紹介２ /staff2/
-----------------------------------------------*/
.staff2_ma_wrap {
width: 780px;
margin: 30px auto;
font-size: 13px;
}
.staff2_ma_wrap ul {
list-style: none;
margin: 0;
padding: 0;
}
.staff2_ma_detail {
text-align: left;
}
.staff2_ma_detail_main {
overflow: hidden;
margin-bottom: 10px;
}
.staff2_ma_detail_l {
width: 370px;
float: left;
}
.staff2_ma_detail_l img {
width: 100% !important;
}
.staff2_ma_detail_l div img {
margin: 10px 0 0 0px;
display: inline-block;
}
.staff2_ma_detail_r {
width: 400px;
float: right;
}
.staff2_ma_detail_r span {
text-indent: 15px;
font-weight: bold;
font-size: 16px;
margin-bottom: 10px;
display: block;
border-left: 3px solid #333;
}
.staff2_ma_detail_r p {
width: 400px;
margin: 0 auto 20px;
font-size:15px;
line-height:25px;
}
.staff2_ma_detail_sub {
overflow: hidden;
}
.staff2_ma_detail_prof {
width: 275px;
float: left;
border: 1px #ccc solid;
-moz-border-radius: 5px;
/* Firefox */
-webkit-border-radius: 5px;
/* Safari,Chrome */
border-radius: 5px;
/* CSS3 */
padding: 1px;
}
span.staff2_ma_proftitle {
background: url(/img_cms/color2.gif) repeat;
width: 275px;
height: 40px;
line-height: 40px;
text-indent: 20px;
display: block;
font-weight: bold;
font-size: 15px;
margin-bottom: 5px;
}
.staff2_ma_detail_free {
width: 265px;
margin: 5px;
}
.staff2_ma_detail_photo {}
.staff2_ma_detail_photo ul li {
width: 240px;
float: left;
margin-right: 30px;
}
.staff2_ma_detail_photo ul li p{
font-size:15px;
line-height:24px;
}
.staff2_ma_detail_photo ul li:last-child {
margin-right: 0;
}
.staff2_ma_detail_photo img {
width: 240px !important;
height: 160px !important;
object-fit: cover;
font-family: 'object-fit: cover;';
}
.staff2_ma_other {
overflow: hidden;
margin: 20px 0;
}
.staff2_ma_other .staff2_ma_other_l {
float: left;
margin-right: 20px;
}
.staff2_ma_other .staff2_ma_other_l img {
width: 130px !important;
}
.staff2_ma_other .staff2_ma_other_r {
width: 620px;
float: right;
background: #f0f0f0;
padding: 17px;
font-size:15px;
line-height:23px;
box-sizing:border-box;
}
.staff2_ma_other .staff2_ma_other_r b {
display: block;
font-size: 18px;
letter-spacing: 2px;
margin-bottom:5px;
}
.group-title-1 {
font-size: 12px;
line-height: 24px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.balloon {
position: relative;
padding: 20px;
}
.balloon::before {
content: '';
position: absolute;
display: block;
width: 0;
height: 0;
left: -14px;
top: 23px;
border-right: 14px solid #f0f0f0;
border-top: 9px solid transparent;
border-bottom: 9px solid transparent;
}
/*-----------------------------------------------
スタッフ紹介3 /staff3/
-----------------------------------------------*/
.staff3_ma_text {
margin: 10px;
font-size: 13px;
line-height: 20px;
}
.staff3_ma_main_img {
text-align: center;
}
.staff3_ma ul li a {
display: block;
text-decoration: none;
}
.staff3_ma_shosai_wrap {
margin: 0;
padding: 0;
text-align: left;
}
.staff3_ma_shosai_img {
width: 370px;
float: left;
text-align: center;
}
.staff3_ma_shosai_img img {
border: 1px solid #EEE;
padding: 1px;
max-width: 340px !important;
margin: 14px 0 0 0 !important;
width: 340px !important;
height: 300px !important;
object-fit: cover;
font-family: 'object-fit: cover';
}
.staff3_ma_r {
width: 400px;
float: right;
}
.staff3_ma_r_title {
height: 44px;
width: 400px;
margin: 15px 0px;
padding: 0px;
font-size: 16px;
line-height: 38px;
text-indent: 10px;
font-weight: bold;
background-image: url(/img/staff3_ma_r_title_bg.jpg);
background-repeat: no-repeat;
background-size: 100% 100%;
}
.staff3_ma_r ul {
margin: 0;
padding: 0;
}
.staff3_ma_r ul li {
margin: 0 0 5px 0;
padding: 5px 0 10px 0;
list-style: none;
overflow: hidden;
border-bottom-style: dotted;
border-bottom-color: #261300;
border-bottom-width: 1px;
font-size: 15px;
}
.staff3_ma_r ul li:last-child {
border: none;
margin: 0 0 40px 0;
}
.staff3_ma_r ul li span {
width: 70px;
display: block;
float: left;
margin: 0 5px 0 0;
color: #261300;
font-weight: bold;
}
.staff3_ma_r ul li p {
width: 325px;
margin: 0;
padding: 0;
float: left;
line-height: 20px;
}
.staff3_ma_message_title {
margin: 15px 0px;
padding: 10px 5px;
font-size: 16px;
font-weight: bold;
text-indent: 15px;
clear: both;
background: #EEE;
}
.staff3_ma_message_row {
font-size: 15px;
line-height: 24px;
padding: 0 0 0 0px;
}
.staff3_ma_shosai_row {
margin: 20px 0 0px 0;
overflow: hidden;
}
.staff3_ma_shosai_row ul {
width: 780px;
list-style: none;
margin: 0;
padding: 0;
}
.staff3_ma_shosai_row ul li {
display: inline-block;
vertical-align: top;
width: 253px;
margin-right: 5px;
}
.shosai_row_li_last {
margin: 0 !important;
}
.staff3_ma_shosai_row_img {
max-width: 253px;
height: auto;
border: 1px solid #EEE;
padding: 1px;
text-align: center;
}
.staff3_ma_shosai_row_img img {
width: 248px !important;
height: 160px !important;
object-fit: cover;
font-family: 'object-fit: cover';
}
.staff3_ma_shosai_row_text {
margin: 5px 0 10px;
font-size: 15px;
line-height: 23px;
padding: 0 5px;
}
.staff3_ma_shosai_voice {
clear:both;
}
.staff3_ma_shosai_voice h3{
padding: 10px 0px 5px 0px;
border-bottom: solid 1px #333;
font-size: 16px;
margin: 10px 0;
font-weight: bold;
}
.staff3_ma_shosai_voice ul {
margin: 0px 0px 0px -20px;
padding: 0px 0px 0px 0px;
overflow: hidden;
}
.staff3_ma_shosai_voice ul li {
width: 168px;
margin: 0px 0px 20px 20px;
float: left;
}
.staff3_ma_shosai_voice ul li {
padding: 5px;
border: solid 1px #CCC;
display:block;
}
.staff3_ma_shosai_voice img {
max-width: 100%;
height: auto;
height: 120px;
object-fit: cover;
font-family: 'object-fit: cover;';
}
.staff3_ma_shosai_voice p {
font-size: 12px;
line-height: 21px;
margin: 7px 0px 5px;
padding: 0px 0px 0px 0px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
.staff3_ma_shosai_voice p:hover {
text-decoration: underline;
}
.staff3_ma_shosai_voice p br {
display: none;
}
.staff3_ma_photo img {
width: 100%;
height: 180px !important;
object-fit: cover;
font-family: 'object-fit: cover';
}
/*-----------------------------------------------
お客様の声 共通
-----------------------------------------------*/
.voice_ma ul {
width: 775px;
overflow: hidden;
margin: 0px auto;
padding: 0px;
}
.voice_ma li {
border: 1px solid #ccc;
overflow: hidden;
margin-bottom: 20px;
display: inline-block;
vertical-align: top;
width: 245px;
display: inline-block;
*display: inline;
*zoom: 1;
vertical-align: top;
margin-right: 10px;
}
.voice_ma li:nth-child(3n) {
margin-right: 0px;
}
.voice_ma_list li {
list-style: none;
margin: 0px 18px 50px 0px;
padding: 0px 0px 0px 0px;
}
.voice_ma a {
display: block;
color: #000;
text-decoration: underline;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.voice_ma_title {
border-bottom: 1px dashed #666;
font-size: 13px;
line-height: 20px;
padding: 10px;
margin: 0;
height: auto;
overflow: hidden;
text-indent: 17px;
text-align: left;
background-color: #f4f4f4;
}
.voice_ma_photo {
height: 160px;
overflow: hidden;
}
.voice_ma_photo img {
vertical-align: bottom;
/* max-height: 160px; */
width: 100%;
height: 160px !important;
object-fit: cover;
font-family: 'object-fit: cover';
}
.voice_ma_staff_comment {
background-color: #F8F7F7;
overflow: hidden;
padding: 50px 10px 20px;
border: 1px solid #D2D2D2;
margin-top: -38px;
}
.voice_ma_staff_comment p {
font-size: 14px;
}
.voice_st_date{
position: relative;
}
.voice_st_date .ttl{
height:40px;
font-size: 16px;
font-weight: bold;
display: block;
line-height: 30px;
margin: 5px auto;
}
.voice_st_date a{
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.voice_st_date a span{
position: absolute;
top: 0;
left:10px;
display: block;
color:#000;
}
.voice_st_date .more {
display: block;
line-height: 35px;
background:#042455;
color: #fff;
border: solid 1px #042455;
width: 160px;
margin: 10px auto;
border-radius: 5px;
font-size: 14px;
}
.voice_st_date:hover .more {
background: #fff;
color: #042455;
}
.voice_ma_pict a img{
height: 160px !important;
width: auto;
}
.voice_ma_free {
height: auto;
width: 490px;
overflow: hidden;
padding-top: 10px;
line-height: 20px;
}
.voice_ma_cmt_ttl {
font-size: 15px;
font-weight: bold;
margin-bottom: 10px;
text-indent: 10px;
line-height: 22px;
border-left: #494949 4px solid;
}
.voice_ma_pict {
width: 260px;
margin: 0 0px 0 0px;
padding: 0 0 0 0;
height: auto;
overflow: hidden;
text-align: center;
}
.group_staff_img_a {
font-size: 13px;
}
.voice_ma_staff_photo {
text-align: center;
margin: 5px 0 0 0;
width: 200px;
}
.voice_ma_staff_photoname {
text-align: center;
width: 100%;
margin: 0 0 0 0;
padding: 0 0 0 0;
}
.voice_ma_group_staff_h3 {
font-size: 18px;
height: 50px;
line-height: 50px !important;
padding: 0px 0px 0px 0px;
text-indent: 20px;
text-align: center;
margin: 10px auto;
width: 400px;
position: relative;
border-radius: 30px;
background-color:#042455;
color:#fff;
}
.voice_ma_staff_photo img {
max-width: 160px;
border: 1px solid #EEE;
padding: 1px;
}
/*-----------------------------------------------
お客様の声 /voice1_ma/
-----------------------------------------------*/
.voice1_ma ul {
text-align: left;
}
.voice1_ma_list_text p {
margin: 0;
font-size: 13px;
padding: 10px;
overflow: hidden;
line-height: 25px;
height: 100px;
}
.voice1_ma_list_link {
float: right;
width: 180px;
height: 40px;
border: 1px solid #FF9326;
padding: 2px;
}
.voice1_ma_list_link a {
width: 180px;
height: 40px;
background: #FF9326;
text-align: center;
line-height: 40px;
color: #ffffff;
font-weight: bold;
}
.voice1_ma_list_link:hover {
border: 1px solid #dddddd;
}
.voice1_ma_list_link:hover a {
background: #dddddd;
}
.voice1_ma_detail {
width: 780px;
overflow: hidden;
text-align: left;
}
.voice1_mah3 {
display: block;
font-weight: bold;
line-height: 35px;
text-indent: 10px;
margin: 0 0 10px 0;
border-bottom: dotted 1px #AAA;
border-left: solid 3px #333;
}
.voice1_ma_ttl {
margin-top: 20px;
}
.voice1_ma_detail_photo {
margin-bottom: 10px;
text-align: center;
}
.voice1_ma_detail_photo img {
max-width: 780px;
height: auto;
}
.voice1_ma_detail_text {
width: 780px;
margin-bottom: 10px;
}
.voice1_ma_detail_text img {
max-width: 185px;
margin-left: 25px;
}
.voice1_ma_detail_text div {
font-size: 16px;
line-height: 24px;
margin: 10px 0px 0px 0px;
background: #F2F2F2;
padding: 15px;
}
.voice1_ma_detail_text p {
padding-left: 25px;
margin: 10px 0;
font-size: 13px;
}
.voice1_ma_free {
width: 490px;
padding-top: 10px;
font-size: 14px;
line-height: 20px;
}
.voice1_ma_free .cmt_ttl {
font-size: 15px;
font-weight: bold;
margin-bottom: 10px;
}
.voice1_map.overflow {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.voice1_ma_staff_comment {
width: 740px;
margin: 0 auto;
background-color: #F0F8FF;
overflow: hidden;
padding: 20px;
}
.voice1_ma_staff_photo img {
max-width: 160px;
border: 1px solid #EEE;
padding: 1px;
}
/*-----------------------------------------------
お客様の声 /voice2_ma/
-----------------------------------------------*/
.voice2_ma ul {
text-align: left;
}
.voice2_ma_shosai {
text-align: left;
}
.voice2_ma_shosai_photo {
margin-bottom: 10px;
text-align: center;
}
.voice2_ma_shosai_photo img {
max-height: 380px;
}
.voice2_ma_shosai_row {
width: 100%;
margin: 0px 0px 0px 0px;
display: inline-block;
}
.voice2_ma_ttl {
margin: 10px 0 !important;
padding: 0px;
font-size: 16px;
line-height: 33px;
text-indent: 0px !important;
font-weight: bold;
color: #DE0018;
}
.voice2_ma_shosai_row div span {
font-size: 16px;
line-height: 24px;
margin: 0 0 0 0px;
display: block;
}
/*-----------------------------------------------
お客様の声 /voice3_ma/
-----------------------------------------------*/
.voice3_ma{
width:100%;
margin:0 auto 50px;
}
.voice3_ma ul{
display:flex;
justify-content:flex-start;
flex-wrap:wrap;
}
.voice3_ma ul li{
width:32%;
border-bottom:1px solid #6c3524;
margin-right:2%;
margin-top:3%;
}
.voice3_ma ul li:nth-child(3n){
margin-right:0;
}
.voice3_ma>ul>li>a{
display:block;
padding-bottom:3%;
text-decoration:none;
}
.voice3_li_img{
width:100%;
height:173px;
position:relative;
overflow:hidden;
}
.voice3_li_img img{
width:100%;
max-height:173px;
object-fit:cover;
-webkit-transform: scale(1.5);
transform: scale(1.1);
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;
}
.voice3_ma ul li:hover .voice3_li_img img{
-webkit-transform: scale(1);
transform: scale(1.2);
}
.voice3_li_syosai{
}
.v3_tl{
font-size:14px;
font-weight:bold;
line-height:25px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
margin-top:5px;
color:#000;
}
.v3_name{
font-size:12px;
color:#999;
}
.v3_tag p{
width:100%;
}
.v3_tag p label.cms_topic_tag {
color: #999;
border: 1px solid #999;
font-size: 11px;
margin: 3px 5px 3px 0;
padding: 2px 10px;
border-radius: 4px;
display: inline-block;
font-weight: 500;}
.cms_topic_tag a{
color: #999;
border: 1px solid #999;
font-size: 11px;
margin: 3px 5px 3px 0;
padding: 2px 10px;
border-radius: 4px;
display: inline-block;
font-weight: 500;
}
.cms_topic_tag a:hover{
background-color:#999;
color:#fff;
}
/*-----------------------------------------------
voice detail
-----------------------------------------------*/
.voice3_detail_wrap{
width:100%;
margin:0 auto;
}
.voice3_detail_tl{
margin:50px 0;
}
.voice3_detail_tl h2{
font-size:24px;
}
.voice3_detail_tl h2 p{
font-size:13px;
color:#999;
}
.voice3_detail_shosai{
}
.vo3_de_img{
text-align:center;
}
.vo3_de_img img{
width: auto !important;
height: 400px !important;
object-fit:cover;
}
.vo3_de_img_com{
font-size:14px;
text-align:center;
margin:10px 0;
}
.vo3_de_messe{
margin-top:50px;
}
.vo3_de_tl{
font-size:24px;
font-weight:bold;
}
.vo3_de_tl.staff_com{
font-size:18px;
margin-top:60px;
}
.vo3_de_tl::after {
content: '';
display: block;
background: #042455;
width: 30px;
height: 2px;
margin-top: 10px;
margin-bottom: 20px;
}
.v_de_tag{
margin:0 0 20px 0;
}
.vo3_de_txt{
font-size: 14px;
font-weight: 500;
line-height: 25px;
}
.vo3_de_txt.staff_com2{
margin-bottom:30px;
}
.voice3_detail_build{
}
.voice3_de_build_h3{
background: #F6F2ED;
color: #6c3524;
font-size: 16px;
padding: 15px 20px;
border-radius: 3px;
margin:0;
}
.voice3_de_build_wrap{
padding:20px;
box-sizing:border-box;
border:2px solid #F6F2ED;
overflow:hidden;
}
.voice3_de_bu_com{
}
.voice3_de_bu_com li{
overflow:hidden;
margin-bottom:10px;
}
.voice3_de_bu_com li img{
float:left;
min-width: 220px;
max-width: 220px;
}
.vo3_de_bu_r{
float:right;
width:610px;
}
.vo3_de_bu_r .ttl{
font-size: 16px;
line-height: 25px;
font-weight:bold;
}
.vo3_de_bu_r .txt{
font-size: 13px;
line-height: 17px;
margin-top: 10px;
}
.vo3_de_bu_r .more{
width:200px;
}
.vo3_de_bu_r .more a{
border-radius: 5px;
background-color: #231815;
text-align: center;
color: #fff;
font-size: 13px;
padding: 10px 0;
display: block;
}
/*-----------------------------------------------
お客様の声4 /voice4_li/
-----------------------------------------------*/
.voice4_li_li {}
.voice4_li ul {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-wrap: wrap;
}
.voice4_li li {
width: 49%;
margin-bottom: 30px;
}
.voice4_li li:nth-of-type(2n-1) {
margin-right: 2%;
}
.voice4_li a {
display: block;
border: 1px solid #ccc;
padding: 20px;
background: #FFF;
box-shadow: 0 3px 0 0 #eee;
}
.voice4_li a:hover {
background: #FDF6D7;
}
.voice4_li .vo_li_photo {
text-align: center;
height: 250px;
overflow: hidden;
}
.vo4_li_photo img {}
.voice4_li .vo_li_txt {}
.vo4_li_txt p {
font-size: 16px;
line-height: 24px;
font-weight: bold;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
height: 50px;
overflow: hidden;
margin: 0;
}
.vo4_li_txt span {
text-align: right;
font-size: 13px;
display: block;
margin: 10px 0;
}
/*-----------------------------------------------
お客様の声4 詳細
-----------------------------------------------*/
.voice_h2 {}
.voice_h2 p {
margin: 0;
float: left;
}
.voice4_h2{
padding:20px !important;
}
.voice4_h2 p {
margin: 0;
float: left;
width:100%;
font-size:20px;
}
.voice4_h2 span {
float: right;
padding-right: 20px;
font-size: 14px;
}
.voice4_ma_shosai {
overflow: hidden;
margin-bottom: 20px;
}
.voice4_ma_shosai_photo {
text-align: center;
float: left;
width: 48%;
}
.voice4_ma_shosai_photo:nth-of-type(1) {
margin-right: 4%;
}
.voice4_ma_shosai_photo img {
max-height: 380px;
}
.voice4_ma_shosai_row {
width: 100%;
margin: 0px 0px 0px 0px;
display: inline-block;
}
.voice4_ma_ttl {
margin: 10px 0 !important;
padding: 0px;
font-size: 16px;
line-height: 33px;
text-indent: 0px !important;
font-weight: bold;
color: #DE0018;
}
.voice4_ma_shosai_row div span {
margin: 0 0 0 0px;
display: block;
}
.voice4_catch {
border: 5px solid #eee;
padding: 15px;
margin-bottom: 20px;
}
.voice4_catch span {
display: block;
font-size: 16px;
font-weight: bold;
margin-bottom: 15px;
text-indent: 10px;
line-height: 24px;
border-left: #494949 4px solid;
}
.voice4_ma_staff_comment{
background-color: #F0F8FF;
overflow: hidden;
padding: 10px;
}
.voice4_ma_staff_comment p{
}
.voice4_ma_cmt_ttl{
font-size: 15px;
font-weight: bold;
margin-bottom: 10px;
text-indent: 10px;
line-height: 22px;
border-left: #494949 4px solid;
}
/*-----------------------------------------------
◎ 街紹介 /town/
-----------------------------------------------*/
/* 街紹介カテゴリ一覧 */
.town {
width: 750px;
margin: 25px auto;
padding: 0px 0px 0px 0px;
}
.town ul {
margin: 0;
padding: 25px;
background: #F4F4F4;
}
.town ul li {
clear: both;
list-style: none;
margin-bottom: 20px;
overflow: hidden;
}
.town ul li img {
float: left;
}
.town ul li h3 {
font-size: 20px;
line-height: 36px;
margin: 0px 0px 10px 0px;
padding: 0px 0px 0px 35px;
text-indent: 10px;
letter-spacing: 2px;
}
.town ul li:nth-child(1) h3 {
background:url(/img_cms/town/town_tl_kokyo.png)no-repeat left center;
}
.town ul li:nth-child(2) h3 {
background:url(/img_cms/town/town_tl_restrant.png)no-repeat left center;
}
.town ul li:nth-child(3) h3 {
background:url(/img_cms/town/town_tl_gakko.png)no-repeat left center;
}
.town ul li:nth-child(4) h3 {
background:url(/img_cms/town/town_tl_life.png)no-repeat left center;
}
.town ul li:nth-child(5) h3 {
background:url(/img_cms/town/town_tl_shogyo.png)no-repeat left center;
}
.town ul li:nth-child(6) h3 {
background:url(/img_cms/town/town_tl_other1.png)no-repeat left center;
}
.town ul li div {
overflow: hidden;
}
.town ul li span, .town ul li a {
display: inline-block;
font-size: 14px;
margin-bottom: 10px;
margin-right: 5px;
background-color: #FFF !important;
padding: 3px 5px;
border-bottom: 1px solid #DDD;
border-right: 1px solid #DDD;
border-left: 1px solid #DDD;
}
.town ul li a:hover {
background-color: #FFF !important;
}
.town ul li span:nth-child(6n), .town ul li a:nth-child(6n) {
clear: both;
}
.town li a:hover {
background-color: #dedede !important;
text-decoration: underline;
color: #A0716E;
}
.town li:nth-child(1n) span, .town li:nth-child(1n) a {
border-top: solid 2px #9FBEA7;
background: url(/img_cms/town/town_mini_kokyo.png) no-repeat 3px 50%;
text-indent: 20px;
}
.town li:nth-child(2n) span, .town li:nth-child(2n) a {
border-top: solid 2px #83B8C9;
background: url(/img_cms/town/town_mini_restrant.png) no-repeat 3px 50%;
text-indent: 20px;
}
.town li:nth-child(3n) span, .town li:nth-child(3n) a {
border-top: solid 2px #EC9CBF;
background: url(/img_cms/town/town_mini_gakko.png) no-repeat 3px 50%;
text-indent: 20px;
}
.town li:nth-child(4n) span, .town li:nth-child(4n) a {
border-top: solid 2px #CCA6BF;
background: url(/img_cms/town/town_mini_life.png) no-repeat 3px 50%;
text-indent: 25px;
}
.town li:nth-child(5n) span, .town li:nth-child(5n) a {
border-top: solid 2px #E49E61;
background: url(/img_cms/town/town_mini_shogyo.png) no-repeat 3px 50%;
}
.town li:nth-child(6n) span, .town li:nth-child(6n) a {
border-top: solid 2px #B6DC5C;
background: url(/img_cms/town/town_mini_other1.png) no-repeat 3px 50%;
text-indent: 25px;
}
/* 街紹介グループ一覧 */
.cate_town_waku {
background: #f4f4f4;
padding: 15px;
overflow: hidden;
}
.cate_town_wrap {}
.cate_town_wrap ul {
padding: 0;
margin: 10px 0;
}
.cate_town_wrap ul li {
float: left;
}
.cate_town_wrap ul li a {
display: inline-block;
font-size: 15px;
color: #333;
line-height: 32px;
padding: 0 30px 0 0;
background-color: #fff !important;
text-indent: 30px;
margin: 0 10px 10px 0;
border: solid 1px #DFDFDD;
}
.town_tel {
color: #E64C50;
font-size: 14px;
margin: 5px 0 0 0;
}
h4.town_shop_tl {
clear: both;
font-size: 18px;
font-weight: normal;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
display: -webkit-box;
text-decoration: underline;
padding: 10px 0;
clear: both;
}
h3.cate_hos_tl {
background: url(/img_cms/town/town_icon_hospital.png) no-repeat 0 50%;
}
h3.cate_kokyo_tl {
background: url(/img_cms/town/town_icon_kokyo.png) no-repeat 0 50%;
}
h3.cate_restrant_tl {
background: url(/img_cms/town/town_icon_restrant.png) no-repeat 0 50%;
}
h3.cate_gakko_tl {
background: url(/img_cms/town/town_icon_gakko.png) no-repeat 0 50%;
}
h3.cate_life_tl {
background: url(/img_cms/town/town_icon_life.png) no-repeat 0 50%;
}
h3.cate_shogyo_tl {
background: url(/img_cms/town/town_icon_shogyo.png) no-repeat 0 50%;
}
h3.cate_other_tl {
background: url(/img_cms/town/town_icon_other1.png) no-repeat 0 50%;
}
.cate_town_wrap ul li a {
display: inline-block;
font-size: 15px;
color: #333;
line-height: 32px;
padding: 0 30px 0 0;
background-color: #fff !important;
text-indent: 30px;
margin: 0 10px 10px 0;
border: solid 1px #DFDFDD;
}
.cate_town_wrap ul li a:hover {
background-color: #dedede !important;
text-decoration: underline;
color: #A0716E;
}
.cate_hos a {
border-top: solid 2px #B09A90 !important;
background: url(/img_cms/town/town_mini_hospital.png) no-repeat 3px 50%;
}
.cate_kokyo a {
border-top: solid 2px #9FBEA7 !important;
background: url(/img_cms/town/town_mini_kokyo.png) no-repeat 3px 50%;
}
.cate_restrant a {
border-top: solid 2px #83B8C9 !important;
background: url(/img_cms/town/town_mini_restrant.png) no-repeat 3px 50%;
}
.cate_gakko a {
border-top: solid 2px #EC9CBF !important;
background: url(/img_cms/town/town_mini_gakko.png) no-repeat 3px 50%;
}
.cate_life a {
border-top: solid 2px #CCA6BF !important;
background: url(/img_cms/town/town_mini_life.png) no-repeat 3px 50%;
}
.cate_shogyo a {
border-top: solid 2px #E49E61 !important;
background: url(/img_cms/town/town_mini_shogyo.png) no-repeat 3px 50%;
}
.cate_other a {
border-top: solid 2px #B6DC5C !important;
background: url(/img_cms/town/town_mini_other1.png) no-repeat 3px 50%;
}
.town2 {}
.town2 ul {
overflow: hidden;
margin: 15px auto;
width:790px;
}
.town2 ul li {
width: 238px;
display: inline-block;
vertical-align: top;
margin: 0 15px 15px 0;
}
.town2 ul li:nth-child(3n) {
margin: 0 0px 15px 0;
}
.town2 ul li a {
width: 100%;
display: block;
line-height: 20px;
background: #fff;
font-size: 12px;
color: #000;
margin: 0 1% 1% 0;
height: 290px;
padding: 5px;
border: 1px solid #CCC;
}
.town2 ul li a div {
width: 100% !important;
/* 他cssとの競合の為 抜いても大丈夫です */
min-height: auto !important;
/* 他cssとの競合の為 抜いても大丈夫です */
float: none !important;
/* 他cssとの競合の為 抜いても大丈夫です */
}
.town2 ul li div.town_img {}
.town2 ul li div.town_img img {
max-width: 100%;
max-height: 170px;
display: block;
margin: 0 auto;
object-fit: cover;
font-family: 'object-fit: cover';
width: 100%;
}
.town2 ul li div.town_tel {
color: #E64C50;
font-size: 14px;
margin: 5px 0 0 0;
}
.town2 ul li div.town_adress {}
.town2 ul li div.town_shop_tl {
font-size: 18px;
font-weight: normal;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
display: -webkit-box;
height: 40px;
text-decoration: underline;
margin: 10px 0;
}
/* 街紹介詳細ページ */
.town3 {
width: 690px;
margin: 20px auto;
padding: 15px;
border: solid 15px #F4F4F4;
overflow: hidden;
background: #fff;
}
.town3_1 {
color: #FFF;
font-size: 20px;
font-weight: bold;
line-height: 55px;
margin: 0px auto 20px auto;
padding: 0px;
background: url("../img_cms/category01.gif") no-repeat;
text-indent: 60px;
}
.town3_2 {
color: #FFF;
font-size: 20px;
font-weight: bold;
line-height: 55px;
margin: 0px auto 20px auto;
padding: 0px;
background: url("../img_cms/category02.gif") no-repeat;
text-indent: 60px;
}
.town3_3 {
color: #FFF;
font-size: 20px;
font-weight: bold;
line-height: 55px;
margin: 0px auto 20px auto;
padding: 0px;
background: url("../img_cms/category03.gif") no-repeat;
text-indent: 60px;
}
.town3_4 {
font-size: 25px;
letter-spacing: 1.5px;
font-weight: bold;
line-height: 55px;
margin: 0px auto 20px auto;
padding: 0px;
text-indent: 15px;
background: #336699;
color: #fff;
}
.town3_5 {
color: #FFF;
font-size: 20px;
font-weight: bold;
line-height: 55px;
margin: 0px auto 20px auto;
padding: 0px;
background: url("../img_cms/category05.gif") no-repeat;
text-indent: 60px;
}
.town3_6 {
color: #FFF;
font-size: 20px;
font-weight: bold;
line-height: 55px;
margin: 0px auto 20px auto;
padding: 0px;
background: url("../img_cms/category06.gif") no-repeat;
text-indent: 60px;
}
.town3_7 {
color: #FFF;
font-size: 20px;
font-weight: bold;
line-height: 55px;
margin: 0px auto 20px auto;
padding: 0px;
background: url("../img_cms/category07.gif") no-repeat;
text-indent: 60px;
}
.town4 {
width: 700px;
height: auto;
margin: 0px auto;
padding: 0px 0px 0px 0px;
clear: both;
overflow: hidden;
}
.town4 img {
/* max-width: 320px !important; */
height: 230px !important;
margin: 0px 20px 0px 0px;
padding: 0px;
object-fit: cover;
font-family: 'object-fit: cover';
width: 330px !important;
}
.town5 {
width: 700px;
line-height: 28px;
margin: 20px 0px 15px 0px;
padding: 0px 0px 0px 0px;
}
.town5 img {
vertical-align: middle !important;
}
.town6 {
width: 700px;
margin: 20px 0px 15px 0px;
padding: 0px 0px 0px 0px;
overflow: hidden;
clear: both;
}
.town6 img {
max-width: 155px !important;
max-height: 135px !important;
margin: 0px 20px 0px 0px;
padding: 0px 0px 0px 0px;
float: left;
}
.town6 img:nth-child(4n) {
margin: 0px 0px 0px 0px;
}
.town7 {
width: 700px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background: #FFFFFF;
clear: both;
}
.town7 table {
width: 685px;
margin: 0;
padding: 0;
border-top: solid 1px #ccc;
}
.town7 th {
font-size: 16px;
text-align: center;
line-height: 38px;
font-weight: normal;
width: 20%;
margin: 0px;
padding: 5px;
background: #F4F4F4;
border-bottom: solid 1px #CCC;
}
.town7 td {
font-size: 14px;
line-height: 24px;
width: 90%;
margin: 0px;
padding: 5px 5px 5px 15px;
border-bottom: solid 1px #CCC;
word-break: break-all;
}
.town7 td a {
display: inline-block;
/* float: right; */
font-size: 13px;
text-decoration: underline;
color: #0a7be0;
}
.town-map {
margin-left: 20px;
}
a.town-map:before {
content: "▲";
}
.town_sho_tl {
font-size: 25px;
text-indent: 50px;
line-height: 60px;
font-weight: bold;
color: #333333;
background: url(/img_cms/town/town_icon_sho.jpg) no-repeat 10px 50%;
}
.town8 {
width: 670px;
margin: 0;
padding: 0px;
}
.town8 p {
font-size: 25px;
font-weight: bold;
line-height: 50px;
text-indent: 60px;
margin: 20px 0px 10px 0px;
padding: 0px 0px 0px 0px;
text-indent: 50px;
color: #333;
background: url(/img_cms/town/town_icon_access.jpg) no-repeat 10px 50%;
}
.town8 iframe {
width: 750px;
height: 400px;
border: solid 1px #CCC;
margin: 0px;
padding: 1px;
}
.town8 #map_canvas {
width: 690px !important;
}
.town9 {
/*width:750px;*/
margin: 20px auto;
padding: 0px;
}
.town9 p {
font-size: 22px;
line-height: 40px;
margin: 0px 0px 10px 0px;
padding: 0px 0px 0px 0px;
text-indent: 10px;
font-weight: bold;
color: #333;
}
.town9 iframe {
margin: 0px auto;
padding: 0px 0px 0px 0px;
border: none;
width: 750px !important;
height: 360px;
}
.town_free {
width: 872px;
height: auto;
margin: 0px auto;
padding: 10px;
border: 3px double #ccc;
}
.font-base {
font-size: 13px !important;
line-height: 20px !important;
}
/* parking1 */
.parking_list {
width: 100%;
margin: 30px auto;
font-size: 14px;
}
.parking_list ul {
width: 780px;
list-style: none;
margin: 0;
padding: 0;
}
.parking_list li {
overflow: hidden;
}
.parking_list table {
width: 100%;
border-collapse: separate;
border-spacing: 0px;
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
}
.parking_list th {
padding: 10px;
border-top: 1px solid #fff;
border-left: 1px solid #fff;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
background: #F2F1E4;
text-align: center;
}
.parking_list td {
padding: 10px;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
vertical-align: middle;
text-align: center;
}
.parking_left{
width:25%;
}
.parking_list_sm_rent{
width:15%;
}
.parking_list td.parking_list_left {
text-align: left;
width:30%;
}
parking_list_inq{
width:20%;
}
.parking_list p {
margin: 0;
font-weight: bold;
}
.parking_left p a {
color: #333;
text-decoration: underline;
}
.parking_list_inq a {
color: #FFF !important;
text-decoration: none;
padding: 7px 15px;
background: #e00;
}
.parking_list_inq a:hover {
background: #c00;
}
.parking_list img {
max-width: 180px;
height: auto;
vertical-align: bottom;
width: 100%;
height: 120px !important;
object-fit: cover;
font-family: 'object-fit: cover';
margin: 0;
}
.parking_list a {
color: #0000ff;
}
.parking_list a:hover {
color: #999999;
}
.parking_list_th1 {
width: 20%
}
.parking_list_th2 {
width: 30%
}
.parking_list_th3 {
width: 10%
}
.parking_list_th4 {
width: 30%
}
.parking_list_th5 {
width: 15%
}
/*詳細*/
.parking1 {
overflow: hidden;
margin: 20px 0px;
}
.parking1 h2 {
font-size: 18px;
font-weight: bold;
letter-spacing: 1px;
margin: 0px 0px 20px 0px;
padding: 10px 10px 10px 20px;
background: #F2F1E4;
}
.parking1>div>a>img {
width: 35% !important;
float: left;
}
.parking1 table, .parking1 th, .parking1 tr, .parking1 td {
font-size: 13px;
border: solid 1px #c0c1af;
border-collapse: collapse;
}
.parking1 table {
width:60%;
float:right;
}
.parking1 th, .parking1 tr, .parking1 td {
font-weight: normal;
padding: 10px 10px;
}
.parking1 th {
min-width: 50px;
background: #f3f1e5;
}
.parking1 .parking1_map {
padding-top: 40px;
clear:both;
}
.parking1 #map_canvas {
width: 100%;
height: 300px;
}
.parking1_inq{
width:50%;
margin:20px auto;
}
.parking1_inq a {
color: red;
font-size: 15px;
font-weight: bold;
text-align: center;
padding:17px 10px;
display: block;
background: #FFF;
border: solid 1px red;
border-radius: 5px;
text-decoration:none;
}
.parking1_inq a:hover {
color: #FFF;
background: red;
}
/*スタッフ紹介4*/
.staff4 ul {
margin-right: -20px;
background-color: #FFFFFF;
}
.staff4 ul li {
display: inline-block;
overflow: hidden;
width: 290px;
margin: 10px 45px 10px 0;
padding: 0;
*display: inline;
*zoom: 1;
height: 270px;
}
.staff4_list {
margin: 0;
padding: 0;
position: relative;
min-height: 215px;
}
.staff4_list a {
display: block;
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
color: #000000;
text-decoration: none;
}
.staff4_list:hover {
color: #CCC;
}
p.staff4_list_name {
line-height: 25px;
font-weight: bold;
margin: 0 0 5px 0;
padding: 0;
color: #333;
}
.staff4_list:hover p {
border-bottom: 5px double #CCC;
}
.staff4_list img {
/* max-width: 280px; */
/* max-height: 210px; */
margin: 25px 0 0 0;
padding: 4px 4px 4px 4px;
width: 280px;
height: 185px !important;
object-fit: cover;
font-family: 'object-fit: cover';
}
.staff4_list a img {
/*border:#4F4F4F 1px solid;*/
background-color: #FFFFFF;
border:1px solid #fff;
margin-bottom:10px;
}
.staff4_list:hover img {
border: #CCC 1px solid;
}
.staff4_detail {
width: 1000px;
margin: 30px auto;
font-size: 16px;
overflow: hidden;
text-align: left;
position: relative;
}
.staff4_photo {}
.staff4_photo img {
padding-top: 5px;
width: 1000px !important;
height: 672px !important;
object-fit: cover;
font-family: 'object-fit: cover';
}
.staff4_name {
position: absolute;
bottom: 0px;
left: 20px;
padding: 35px 50px 0px;
background-color: #fff;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
box-sizing: border-box;
}
.staff_n_yaku{
background-color:#0F3758;
color:#fff;
padding:5px 30px;
font-size:17px;
}
.staff_n_name{
font-size:32px;
display:block;
margin-top:35px;
line-height:34px;
}
.staff_n_roma {
display: inline;
font-size: 15px;
color: #0F3758;
margin-left: 17px;
}
.staff4_prolink {
display: block;
margin: 80px auto 0 auto;
color: #FFFFFF;
}
.staff4_prolink a {
display: block;
color: #FFFFFF;
font-size: 12px;
padding: 5px 10px;
margin: 20px 0;
background: #000000;
text-decoration: none;
}
.staff4_prolink a:hover {
color: #000000;
background: #CCCCCC;
}
.staff4_comment {
position: absolute;
bottom: 20px;
left: 0px;
width: 990px;
text-align: left;
line-height: 70px;
font-size: 25px;
color: #FFFFFF;
padding-left: 22px;
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
text-shadow: 0px 0px 1px #000,
0px 0px 10px #000,
0px 0px 20px #000,
0px 0px 30px #000,
0px 0px 40px #000;
font-weight: bold;
}
.staff4_detail_comment {
width: 880px;
margin: 0 auto;
font-size: 14px;
border: 1px solid #999999;
padding: 5px;
}
.staff4_detail_comment p {
background: #eeeeee;
margin: 0;
padding: 10px;
line-height: 25px;
}
.staff4_detail_prof {
width: 880px;
margin: 10px auto;
}
.staff4_detail_prof span {
display: block;
border-bottom: 1px dashed #aaaaaa;
font-weight: bold;
line-height: 30px;
}
.staff4_detail_prof p {
margin: 8px 0 8px 0;
font-size: 14px;
}
.staff4_photolist {
padding: 20px 0 0 0;
}
.staff4_list_c {
font-size: 14px;
line-height: 25px;
margin-top: 35px;
background-color: #FFEFBF;
text-align: left;
height: 60px;
}
.staff_txtbox_1 {
width: 100%;
overflow: hidden;
}
.staff_txtbox_1_inner,
.staff_txtbox_2_inner {
width: 1000px;
margin: 0 auto;
overflow: hidden;
margin-top: 60px;
}
.txtbox_1_ti,
.txtbox_2_ti {
text-align: center;
}
.txtbox_1_ti h3,
.txtbox_2_ti h3 {
font-size: 25px;
font-weight: bold;
margin: 0;
line-height: 50px;
}
hr {
width: 100px;
height: 5px;
background-color: #b20000;
border: none;
margin: 50px auto;
}
.txtbox_1_txt {
float: left;
width: 350px;
text-align: left;
}
.txtbox_1_txt p,
.txtbox_2_txt p {
font-size: 15px;
line-height: 25px;
letter-spacing: 1.5px;
}
.txtbox_1_img {
float: right;
width: 600px;
height: 450px;
text-align: center;
}
.txtbox_1_img img {
width: 100% !important;
border-radius: 10px;
height: 390px !important;
object-fit: cover;
font-family: 'object-fit: cover';
}
.txtbox_2_txt {
float: right;
width: 350px;
text-align: left;
}
.txtbox_2_img {
float: left;
width: 600px;
height: 450px;
text-align: center;
}
.txtbox_2_img img {
width: 100% !important;
border-radius: 10px;
height: 390px !important;
object-fit: cover;
font-family: 'object-fit: cover';
}
.staff4_mc-group ul {
margin: 0;
padding: 0;
list-style: none;
}
.staff4_mc-group ul li {
width: 220px;
margin: 7px;
display: inline-block;
*display: inline;
*zoom: 1;
vertical-align: top;
}
.staff4_mc-group ul li:hover {
background: #EEE;
}
.staff4_mc-group ul li img {
width: auto;
width: 220px;
height: 170px !important;
object-fit: cover;
font-family: 'object-fit: cover';
}
.staff4_mc-group ul li a {
display: block;
text-align: center;
line-height: 25px;
font-size: 15px;
padding: 5px;
border: 1px solid #EEE;
}
.staff4_mc-group ul li p{
font-size: 12px;
line-height: 21px;
margin: 7px 0px 5px;
padding: 0px 0px 0px 0px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
text-align:left;
}
.staff4_h2 {
font-size: 17px;
width: 100%;
margin: 10px 0px;
padding: 0px;
line-height: 40px;
text-indent: 15px;
background: #F0F0F0;
border-left: solid 3px #333;
}
.staff4_h3 {
font-size: 20px;
width: 780px;
height: 50px;
line-height: 50px;
margin: 0px auto;
padding: 0px 0px 0px 0px;
text-indent: 20px;
text-align: left;
background: #F2F2F2;
border-top: 3px double #CCC;
border-bottom: 1px solid #CCC;
margin: 10px auto;
}
.staff4_ttl4 {
background: url(/img_cms/contents-ttl2.gif);
height: 44px;
width: 400px;
margin: 15px 0px;
padding: 0px;
font-size: 16px;
line-height: 33px;
text-indent: 56px;
font-weight: bold;
}
.staff4_voice_ma_pict img {
vertical-align: bottom;
}
.staff4_voice_ma_pict .more a {
display: block;
line-height: 30px;
background: #333;
color: #fff;
border: solid 1px #333;
margin: 8px 0 0 0;
}
.staff4_li_comment {
margin: 10px 0 0px;
line-height: 18px;
font-size: 13px;
padding: 5px;
text-align: center;
background: #eee;
display: block;
}
/*スタッフ紹介4*/
/*-----------------------------------------------
スタッフ紹介 パターン5 /staff5/ AiTOWNver
-----------------------------------------------*/
.staff5_ma{
width:100%;
margin:0 auto;
}
.staff5_ma ul{
display:flex;
justify-content:flex-start;
flex-wrap:wrap;
}
/*サイドバーなし*/
.staff5_ma ul li{
width:23%;
background: #f7f7f7;
border-bottom:1px solid #042455;
margin-bottom:3%;
position:relative;
margin-right: 2.6%;
}
.staff5_ma ul li:nth-child(4n){
margin-right:0;
}
/*サイドバーあり
.staff5_ma ul li{
width:32%;
background: #f7f7f7;
border-bottom:1px solid #042455;
margin-bottom:3%;
position:relative;
margin-right: 2%;
}
.staff5_ma ul li:nth-child(3n){
margin-right:0;
}*/
.staff5_ma ul li::after {
content: '';
display: block;
position: absolute;
width: 37px;
height: 8px;
bottom: 10px;
right: 10px;
background: url(/img_cms/staff_li_more.png) no-repeat center/contain;
}
.staff5_ma ul li::after {
width: 47px;
height: 10px;
}
.staff5_ma ul li a{
display:block;
text-decoration:none;
color:#000;
}
.staff5_li_img{
width:100%;
height:173px;
position:relative;
overflow:hidden;
}
.staff5_li_img img{
width:100%;
max-height:173px;
object-fit:cover;
-webkit-transform: scale(1.5);
transform: scale(1.1);
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;
}
.staff5_ma ul li:hover .staff5_li_img img{
-webkit-transform: scale(1);
transform: scale(1.2);
}
.staff5_li_tag{
text-align:right;
margin-top:-8px;
po
}
.staff5_li_tag span{
background-color:#042455;/*サイトカラーに合わせて変更してください*/
color:#fff;
padding:4px 12px;
text-align:right;
font-size:14px;
position: relative;
}
.staff5_li_syosai{
padding: 5px 20px 20px 20px;
}
.s5_yakusyoku{
font-size:11px;
}
.s5_name{
font-size:16px;
font-weight:bold;
margin-top:5px;
}
.s5_name_l{
color:#042455;/*サイトカラーに合わせて変更してください*/
font-size:11px;
margin-top:5px;
font-weight:bold;
}
/*-----------------------------------------------
スタッフ紹介 パターン5 /staff5/ 詳細
-----------------------------------------------*/
.staff5_detail_wrap {
position:relative;
}
.staff5_detail_wrap::before {
content: "";
position: absolute;
right: 0;
top: 50px;
width: 80%;
height: 100%;
background: rgba(221, 221, 221, 0.4);
z-index: 0;
}
.staff5_detail_wrap::before {
background-color: #F0F5FE;/*サイトカラーに合わせて変更してください*/
}
.staff5_detail_in {
width:100%;
margin:0 auto;
}
.staff5_detail_pro_head {
margin-bottom:90px;
overflow:hidden;
}
.staff5_de_img {
width:70%;
}
.staff5_de_img img{
width:100% !important;
position:relative;
}
.staff5_de_pro_li {
width:54%;
padding:30px 30px 50px 30px;
box-sizing:border-box;
background:#fff;
float:right;
position:relative;
z-index:5;
margin-top:-200px;
margin-right:4%;
}
.staff5_de_pro_name {
}
.staff5_de_pro_name .s5_yaku {
margin-bottom:20px;
font-size:14px;
}
.staff5_de_pro_name .s5_name span {
color: #042455;/*サイトカラーに合わせて変更してください*/
font-size: 11px;
display: inline-block;
margin-left: 10px;
}
.staff5_de_pro_name .s5_name {
font-size: 22px;
margin-bottom: 20px;
font-weight:bold;
}
.staff5_de_pro_qa ul li{
padding-top:20px;
overflow:hidden;
}
.staff5_de_pro_qa ul li .qa_q {
color: #042455;/*サイトカラーに合わせて変更してください*/
width:30%;
font-size:14px;
float:left;
}
.staff5_de_pro_qa ul li .qa_a {
width:70%;
font-size:14px;
float:right;
}
.staff5_de_pro_foot {
position:relative;
z-index:1;
}
.s5_de_pro_foot_box {
display:flex;
}
.s5_de_pro_foot_box .s5_tl {
max-width:30%;
min-width:26%;
font-size:30px;
font-weight:bold;
}
.s5_de_pro_foot_box .s5_tl span{
color:#042455;/*サイトカラーに合わせて変更してください*/
display:block;
font-size:12px;
margin-top:10px;
}
.s5_de_pro_foot_box .s5_txt {
font-size:15px;
line-height:25px;
width:68%;
}
.s5_de_pro_foot_box + .s5_de_pro_foot_box {
margin-top: 70px;
}
.staff5_detail_voice {
padding:100px 0;
text-align:center;
}
.staff5_detail_voice h3{
font-size:24px;
text-align:center;
position: relative;
display: inline-block;
padding: 0 40px;
}
.staff5_detail_voice h3:before, .staff5_detail_voice h3:after {
content: '';
position: absolute;
top: 50%;
display: inline-block;
width: 30px;
height: 3px;
background-color: #000;
}
.staff5_detail_voice h3:before {
left: 0;
}
.staff5_detail_voice h3:after {
right: 0;
}
.staff5_detail_voice{
}
.staff5_detail_voice ul{
display:flex;
}
.staff5_detail_voice ul li{
width:23%;
border-bottom:1px solid #6c3524;
margin-right:2.6%;
}
.staff5_detail_voice ul li a{
color:#000;
text-decoration:none;
}
.staff5_detail_voice ul li p{
font-size:14px;
font-weight:bold;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.staff5_detail_voice ul li:nth-child(4n){
margin-right:0;
}
/*スタッフ紹介5*/
/*-----------------------------------------------
スタッフ紹介 パターン6 /staff6/
-----------------------------------------------*/
.staff6 ul {
margin: 0 auto;
width: 792px;
font-size: 0;
}
.staff6 li {
display: inline-block;
overflow: hidden;
width: 250px;
margin: 0 12px 23px 0px;
text-align: center;
border: 1px solid #ccc;
font-size: 16px;
vertical-align: top;
*display: inline;
*zoom: 1;
}
.staff6 li:nth-child(3n) {
margin-right:0;
}
.staff6_photo {
position: relative;
width: 100%;
margin: 0;
padding-bottom: 30px;
}
.staff6 img {
max-width: 240px;
border: 0;
vertical-align: bottom;
margin: 40px 5px 5px 5px;
width: 100%;
height: 160px !important;
border: 0;
vertical-align: bottom;
object-fit: cover;
font-family: 'object-fit: cover';
}
.staff6 a p {
margin: 0;
padding: 0;
position: relative;
}
.staff6 a {
display: block;
text-align: center;
line-height: 35px;
font-weight: bold;
text-decoration: none;
color: #000000;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background
/*\**/
: #fff\9;
/*IE7、8用ハック*/
filter: alpha(opacity=0);
/*フィルターで透明に*/
z-index: 10;
}
.staff6 a:hover p {
background: #dddddd;
}
.staff6 li:hover {
border: 1px solid #000000;
}
.staff6_li_txt {
margin-bottom:3px;
}
.staff6_li_txt span {
display: block;
background: #eee;
padding: 5px;
font-size: 12px;
line-height: 18px;
font-weight: bold;
}
.staff6_li_txt p {
display: block;
text-align: left;
font-size: 13px;
padding: 5px;
margin: 0;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
overflow: hidden;
}
.staff6_li_more {
position: absolute;
bottom: 5px;
left: 5px;
}
.staff6_li_more span {
display: block;
font-size: 12px;
padding: 5px;
background: #fff;
width: 240px;
font-weight: bold;
color: #F18000;
border: 2px solid #F18000;
border-radius: 3px;
box-sizing: border-box;
}
.staff6_detail h3 {
display: block;
line-height: 35px;
font-weight: bold;
margin: 0 0 10px 0;
}
.staff6_detail ul {
width: 810px;
margin-left: -30px;
overflow: hidden;
}
.staff6_detail li {
float: left;
margin-bottom: 10px;
padding-left: 30px;
width: 240px;
}
.staff6_detail li:first-child {
padding-left: 0px;
}
.staff6_detail li img {
/* max-width: 240px !important;*/
height: 160px !important;
object-fit: cover;
font-family: 'object-fit: cover';
width: 100% !important;
}
.staff6_detail_prof {
width: 100%;
}
.staff6_detail_prof span {
display: block;
font-weight: bold;
margin: 25px 0 0 0;
padding: 0px 0px 5px 0px;
}
.staff6_detail_prof p {
font-size: 16px;
line-height: 24px;
margin: 10px 0px 0px 0px;
padding: 15px;
background: #F2F2F2;
}
.staff6_detail_comment {
margin: 20px 0 0 0;
}
.staff6_detail_comment p {
font-size: 18px;
margin: 0;
padding: 0px;
line-height: 28px;
}
/* 160510 voices連動 */
.staff6_voices {
border-top: 1px dashed #999;
padding-top: 20px;
}
.staff6_voices h3 {
display: block;
line-height: 35px;
font-weight: bold;
text-indent: 10px;
margin: 0 0 10px 0;
}
.staff6_voices ul {
overflow: hidden;
}
.staff6_voices li {
display: inline-block;
*display: inline;
*zoom: 1;
vertical-align: top;
width: 230px;
border: 5px solid #eee;
margin-right: 15px;
margin-bottom: 15px;
padding: 5px;
}
.staff6_voices li:hover {
border: 5px solid #ffcc00;
}
.staff6_voices li:nth-child(3n) {
margin-right: 0;
}
.staff6_voices li img {
min-width: 100%;
height: 150px !important;
object-fit: cover;
font-family: 'object-fit: cover';
}
.staff6_voices span {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
background: #eee;
padding: 5px 10px 11px;
margin-bottom: 5px;
font-size:14px;
height:28px;
}
.staff6_voices a {
color: #333;
}
.staff6_voices p {
margin: 0;
}
/*staff6 詳細*/
.staff6_sho {
width: 780px;
margin: 30px auto;
font-size: 16px;
overflow: hidden;
text-align: left;
}
.staff6_sho ul {
width: 780px;
list-style: none;
margin: 0;
padding: 0;
}
/*-----------------------------------------------
スタッフ紹介 パターン7 /staff7/
-----------------------------------------------*/
.staff7_ma{
margin-top:20px;
}
.staff7_ma ul{
}
.staff7_ma ul li{
margin-bottom: 50px;
border-bottom:2px solid #eee;
padding-bottom: 50px;
overflow:hidden;
}
.staff7_ma ul li:last-child{
border-bottom:none;
}
.staff7_box1{
}
.staff7_box1_r{
float:right;
width:51%;
font-size: 16px;
line-height: 27px;
color:#000;
margin-bottom:30px;
}
.staff7_box1_l{
float:left;
width:45%;
margin-bottom:10px;
}
.staff7_box_name{
margin-bottom: 15px;
}
.staff7_img{
width:100%;
margin-bottom:15px;
}
.staff7_img img{
border-radius:5px;
width:100% !important;
height:250px !important;
object-fit:cover;
font-family: 'object-fit: cover';
}
.staff7_name{
font-size:32px;
line-height:34px;
}
.staff7_name span{
font-size:14px;
display:block;
letter-spacing:0px;
padding-left:5px;
}
.staff7_pro_l{
float:left;
width:45%;
}
.staff7_pro_r{
float:right;
width:51%;
}
.staff7_pro_tl{
font-size:15px;
border-bottom:1px dotted #274a77;
padding: 15px 0 10px;
font-weight:bold;
}
.staff7_pro_tl span{
background: linear-gradient(transparent 60%, #E1EEF3 60%);
}
.staff7_pro_box{
font-size:16px;
margin:15px 0 20px;
line-height:25px;
}
.staff7_box2{
clear:both;
}
.staff7_box_wrap{
overflow:hidden;
margin-bottom:30px;
}
/*blog もっと見る*/
.tablenormal {}
/* customer_form 解約手続き
---------------------------------------- */
.customer_form_main {
background: url(/customer/img/form_main.jpg) no-repeat center 63%;
background-size: cover;
height: 300px;
position: relative;
}
.customer_form_main h1 {
width: 300px;
color: #FFF;
position: absolute;
top: 140px;
left: 0;
right: 0;
margin: auto;
text-align: center;
text-shadow: 0px 0px 5px #000000;
background: none;
font-size: 35px;
line-height: 35px;
font-weight: bold;
}
.customer_form_main h1 p {
font-size: 16px;
text-align: center;
letter-spacing: 2px;
font-weight: normal;
margin: 0;
}
.cust_privacy {
text-align: center;
border: 4px solid #476186;
padding: 20px 0;
font-size: 14px;
line-height: 24px;
}
.cust_privacy a {
background-color: #476186;
color: #fff;
padding: 10px;
display: block;
width: 250px;
margin: 10px auto 0;
position: relative;
}
.cust_privacy a:after {
content: "";
width: 7px;
height: 7px;
border-top: 2px solid #fff;
border-right: 2px solid #fff;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
position: absolute;
right: 15px;
top: 15px;
}
.cust_privacy a:hover {
opacity: 0.8;
color: #fff;
}
.custo_txt {
font-size: 16px;
}
.custo_txt p {
color: #FF0000;
}
/*お問い合わせ プライバシーリンク*/
.form_privacy {
text-align: center;
}
.form_privacy a:hover {
color: #888;
}
.form_privacy a {
text-decoration: underline;
color: #006DD9;
display: inline;
font-size: 13px;
font-weight: bold;
}
.reform_search{
padding-bottom:50px;
}
/*特集タグを使用しない場合は下記コメントアウトを外してください*/
/*
.reform_search{
display:none;
}*/
.ga_tag {
width: 780px;
margin: 0px auto;
padding: 0px 0 15px;
}
.ga_tag_tl {
float: left;
clear: both;
}
.tag_tl{
font-size:16px;
font-weight:bold;
margin-bottom:10px;
}
.ga_tag ul {
display: flex;
flex-wrap: wrap;
align-items: center;
}
.ga_tag ul li {
margin: 0 3px 6px;
}
.ga_tag ul li a {
display: block;
color: #111;
font-size: 13px;
border: 1px solid #111;
background: #fff;
padding: 2px 15px;
text-decoration:none;
}
.ga_tag ul li a:hover {
background-color: #D8E6FD;
}
.page_tl.sub_tl {
height: 50px;
padding-bottom: 30px;
width: 780px;
margin: 0 auto;
}
.page_tl.sub_tl p {
border-bottom: 2px solid #8e7d62;
padding: 30px 0 15px;
}
.page_tl.sub_tl p:empty {
border-bottom: none;
padding: 0;
}
.ga_se_free {
width: 620px;
margin: 0 auto;
background: url(/musasino/img/top/se_free_bg.png)no-repeat center;
}
.ga_se_free_tl {
font-size: 16px;
font-weight: bold;
display: inline-block;
vertical-align: middle;
margin-right: 16px;
}
.ga_se_free .cms_keysearch_form {
display:inline-block;
vertical-align:middle;
}
.ga_se_free input {
font-weight: 500;
font-size: 14px;
line-height: 1.5rem;
padding: 5px 10px;
margin-right: 10px;
width:466px;
}
.ga_se_free button {
font-weight: 500;
font-size: 13px;
line-height: 36px;
border: 1px solid #042455;
background: #042455;
color: #fff;
padding:0 13px;
cursor: pointer;
border-radius: 3px;
}
.ga_se_free button:hover {
border: 1px solid #655b49;
background: #D8E6FD;
color: #655b49;
}
.re_tag_tl:not(:empty) {
background: #eee;
padding: 10px 20px;
font-weight: bold;
text-align: center;
font-size: 18px;
margin-top: 20px;
}
/* ----------------------------------------
form customize
---------------------------------------- */
.stepBar {
display: flex;
max-width: 700px;
position: relative;
margin: 20px auto;
text-align: center;
padding:0;
}
.stepBar li {
font-size: 14px;
list-style: none;
position: relative;
width: 33.333%;
}
.stepBar li:after {
background: #D0E1F9;
content: "";
width: calc(100% - 24px);
height: 4px;
position: absolute;
left: calc(-50% + 18px);
top: 15px;
}
.stepBar li:first-child:after {
display: none;
}
.stepBar li span {
background: #D0E1F9;
color: #ffffff;
display: inline-block;
height: 35px;
margin-bottom: 5px;
line-height: 35px;
width: 35px;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
}
.stepBar .visited:after {
background: #042455;
}
.stepBar .visited span {
background: #042455;
}
.form_section {
width: 99%;
margin: 0 auto 40px;
}
.form_intro p {
background: #eee;
padding: 20px;
font-size: 15px;
line-height: 1.5rem;
margin:0;
}
.form_wrap {
border-radius: 3px;
box-shadow: 0 0 3px 0 #999;
padding: 20px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.form_subttl {
margin-bottom: 10px;
}
.form_subttl p {
border-bottom: 5px solid #eee;
padding-bottom: 15px;
font-weight: bold;
font-size: 16px;
}
.form {
width: 100%;
margin: 0 auto;
}
.form>tbody>tr {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
margin-bottom: 3px;
}
.form>tbody>tr>th,
.form>tbody>tr>td {
padding: 15px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.form>tbody>tr>th {
width: 25%;
background: #FAFAF9;
border:none;
}
.form tr th {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: space-between;
font-size: 15px;
line-height: 1.5rem;
align-items: flex-start;
vertical-align: baseline;
background-color: #fcfcf5;
border: none;
}
.form>tbody>tr>td {
width: 75%;
font-size: 14px;
line-height: 1.5rem;
}
.form th p {}
.form th span.form_required,
.form th span.form_any {
font-size: 12px;
font-weight: bold;
width: 50px;
text-align: center;
flex-shrink: 0;
line-height: 22px;
border-radius: 3px;
box-sizing: border-box;
}
.form th span.form_required {
border: 1px solid #ff4a32;
color: #ff4a32;
background: #FFE8E5;
}
.form th span.form_any {
border: 1px solid #237dc0;
color: #237dc0;
background: #dfebf5;
}
.form td input[type="text"],
.form td input[type="tel"],
.form td input[type="password"],
.form td input[type="number"],
.form td textarea,
.form td select {
font-size: 16px;
line-height: 24px;
padding: 8px 15px;
border: 1px solid #ccdae4;
background: #f5f9fc;
font-family: 'Arial', YuGothic, 'Hiragino Kaku Gothic Pro', 'Meiryo', sans-serif;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border-radius: 3px;
margin-bottom: 4px;
margin-right: 2px;
}
.form td input[type="file"] {
cursor: pointer;
font-family: 'Arial', YuGothic, 'Hiragino Kaku Gothic Pro', 'Meiryo', sans-serif;
}
.form td .jcjs_imgbox {
margin-top: 10px;
}
.form td .ui-datepicker-trigger {
vertical-align: middle;
margin-right: 10px;
cursor: pointer;
}
.form td .ui-datepicker-trigger:hover {
opacity: 0.8;
}
.form td select {
cursor: pointer;
height: 42px;
}
.form td textarea {
height: 150px;
display: block;
width: 100%;
}
.form td label {
border: 1px solid #ccdae4;
background: #f5f9fc;
cursor: pointer;
border-radius: 3px;
padding: 9px 15px 9px 9px;
display: inline-block;
margin: 0 5px 5px 0;
line-height: 1.3rem;
font-size: 15px;
}
.form td label input {
width: 20px;
height: 20px;
margin-right: 5px;
}
.form td label input[type="checkbox"],
.form td label input[type="radio"] {
vertical-align: sub;
margin: 0 5px 0 0;
cursor: pointer;
}
.form td input[type="text"]:hover,
.form td input[type="tel"]:hover,
.form td input[type="password"]:hover,
.form td input[type="number"]:hover,
.form td textarea:hover,
.form td select:hover,
.form td label:hover {
background: #f9fcf5;
border: 1px solid #d6eaba;
}
.form_privacy {
font-size: 13px;
text-align: center;
}
.form_privacy br {
display: none;
}
.form_privacy a {
color: #006DD9;
}
.form_privacy a:hover {
text-decoration: underline;
}
.form_submit {
position: relative;
width: 500px;
margin: 0 auto;
padding: 20px 0;
}
#jc_btn_submit {
-webkit-appearance: none;
border: 2px solid #ccc;
background: #eee;
color: #777;
border-radius: 30px;
width: 400px;
height: 60px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
box-shadow: 0 0 3px 0 #999;
padding: 0 40px;
font-weight: bold;
margin: 30px auto 20px;
font-size: 20px;
display: block;
font-family: "Yu Gothic", YuGothic, 'Noto Sans Japanese', Roboto, "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "MS PGothic", sans-serif;
}
#jc_btn_submit.jcjs_btn_ok {
cursor: pointer;
-webkit-appearance: none;
border: 2px solid #2799fb;
background: #2799fb;
color: #fff;
}
#jc_btn_submit.jcjs_btn_ok:hover {
color: #2799fb;
background: #fff;
}
/* form_inner
---------------------------------------- */
.form_inner {
padding: 10px;
margin-left: 20px;
background: #fcfcf5;
border: 1px solid #f0f0ce;
margin: 10px 0;
}
.form_inner table,
.form_inner_multi table {
width: 100%;
}
.form_inner td,
.form_inner_multi td {
width: 75%;
vertical-align: baseline;
font-size: 15px;
line-height: 1.5rem;
}
.form_inner_multi input[type="text"] {
width: 78%;
}
/* form_error
---------------------------------------- */
.jcjs_sferr {
color: #ff4a32;
font-weight: bold;
}
.form_error_cell {
background: #FFE8E5;
}
/* item
---------------------------------------- */
.form_item_box {}
.form_item_box li:not(:last-child) {
margin-bottom: 15px;
}
.form_item_comment {
font-size: 13px;
line-height: 1.4rem;
color: #888;
padding-left: 20px;
}
.form_w100 input,
.form_w100 textarea,
.form_w100 select {
width: 100%;
}
.form_w80 input,
.form_w80 textarea,
.form_w80 select {
width: 80%;
}
.form_w60 input,
.form_w60 textarea,
.form_w60 select {
width: 60%;
}
.form_w40 input,
.form_w40 textarea,
.form_w40 select {
width: 40%;
}
.form_w20 input,
.form_w20 textarea,
.form_w20 select {
width: 20%;
}
span.form_w60.madori select {
width: 40%;
}
/* fin
---------------------------------------- */
.form_fin_txt {
border: 10px solid #eee;
padding: 40px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.form_fin_txt span {
margin-bottom: 40px;
font-size: 22px;
display: block;
font-weight: bold;
}
.form_fin_txt p {
font-size: 14px;
}
.form_fin {
width: 100%;
}
.form_fin tr {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
margin-bottom: 3px;
}
.form_fin th, .form_fin td {
font-size: 14px;
padding: 10px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.form_fin th {
text-align: left;
background: #FAFAF9;
width: 25%;
}
.form_fin td {
width: 75%;
}
.form_fin td p {
padding: 10px;
margin-left: 20px;
background: #fcfcf5;
border: 1px solid #f0f0ce;
margin-top: 5px;
font-size: 13px;
}
.form_fin_link {
margin: 0 auto 60px;
}
.form_fin_link a {
display: block;
background: #111;
border: 1px solid #111;
border-radius: 3px;
color: #fff;
font-weight: bold;
width: 400px;
height: 50px;
line-height: 50px;
text-align: center;
margin: 0 auto;
}
.form_fin_link a:hover {
color: #111;
background: #fff;
}
.fo_err {
background-color: #ffe8e5 !important;
border: 1px solid #ffb7ad !important;
}
.form_pri{
text-align:center;
font-size:14px;
line-height:23px;
}
.form_pri a{
color:#0000ee;
text-decoration:underline;
}
.form_pri a:hover{
color:#000;
text-decoration:none;
}
/*-----------------------
survey
-----------------------------------------*/
.survey_container {
max-width: 1100px;
margin: 40px auto;
}
.form_inner_multi{
width:100%;
}
.form_inner_multi input[type="text"][name="SfItemVals[_a][130]"]{
width:79%;
}
.form_date2_th{
width:58.4% !important;
}
.form_date2_th2{
width:30% !important;
}
.form_date2_th_chi{
width:39% !important;
}
#jyoken td{
padding-right:10px;
}
.form_date2_chi{
width:40% !important;
}
.form_date2_box{
width:40%;
}
.form_date2_td{
width:100% !important;
}
.form_date2_s{
width:45% !important;
}
.form_date3_th{
width:64% !important;
}
.form_date4_th{
width:43% !important;
}
.form_inner2 {
padding: 10px;
margin-left: 20px;
background: #fcfcf5;
border: 1px solid #f0f0ce;
margin: 10px 0;
}
.form_inner2 td{
width: 40%;
vertical-align: baseline;
font-size: 15px;
line-height: 1.5rem;
}
.form_inner2 th{
margin-right:10px;
}
.form_inner3 {
padding: 10px;
margin-left: 20px;
background: #fcfcf5;
border: 1px solid #f0f0ce;
margin: 10px 0;
}
.form_inner3 td{
width:60%;
}
.form_inner3 th{
width:100%;
text-align:left;
}
.form_inner_multi{
}
.form_syu{
margin-top:5px;
}
.form_syu p{
margin:0;
font-weight:bold;
display:inline-block;
margin-right:5px;
}
.fam_date{
display:inline;
margin-right:15px;
}
.form_survey_privacy{
font-size: 13px;
text-align: center;
padding-bottom:83px;
}
.form_survey_privacy a {
text-decoration: underline;
color: #006DD9;
display: inline;
font-size: 13px;
font-weight: bold;
}
/* 売却査定フォーム/form_sale2/ レンタルコンテンツ */
.sale_contents{
width:100%;
margin-bottom:30px;
}
.sale_contents > p{
font-size:17px;
border-bottom:2px solid #042455;
font-weight:bold;
padding-bottom:10px;
}
.sale_contents ul{
display:flex;
justify-content:flex-start;
flex-wrap:wrap;
margin-left:-13px;
}
.sale_contents ul li{
width:240px;
margin-bottom:13px;
border:2px solid #042455;
display:table;
box-sizing:border-box;
margin-left:13px;
}
.sale_contents ul li a{
display:block;
color:#000;
text-decoration:none;
}
.sale_contents ul li a:hover{
background-color:#F0F5FE;
}
.sale_contents ul li a p{
font-size:18px;
line-height:23px;
margin:0;
font-weight:bold;
padding-top:15px;
text-align:center;
}
.sale_contents ul li a span{
font-size:12px;
padding:5px 8px 8px;
display: block;
height: 35px;
}
/*記事別問合せ 入力ページへ戻る*/
button#jc_btn_back {
border: none;
background: #fff;
color: #2799fb;
border-radius: 30px;
width: auto;
height: auto;
position: absolute;
/* float: left; */
-moz-box-sizing: border-box;
box-sizing: border-box;
box-shadow: none;
padding: 0px 30px;
font-weight: bold;
cursor: pointer;
margin: 20px auto;
font-size: 12px;
display: block;
font-family: "游ゴシック体", "Yu Gothic", YuGothic, 'Noto Sans Japanese', Roboto, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
text-decoration: underline;
}
button#jc_btn_back:hover{
}
/* よくある質問 Q&A */
.qa_wrap{
width:780px;
margin:0 auto;
}
.qa_li_wrap .about_h3 {
border-bottom: 3px solid #e6e4e1;
font-size: 22px;
padding: 0 0 10px 0;
text-indent: 5px;
position: relative;
margin-bottom: 15px;
}
.qa_li_wrap .about_h3 a {
text-indent: 0;
background: #f7f6f5;
border: 1px solid #e6e4e1;
font-size: 13px;
display: block;
position: absolute;
right: 37px;
text-align: center;
top: -10px;
height: 30px;
line-height: 30px;
width: 150px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
}
.qa_li_wrap .about_h3 a:before {
content: "";
position: absolute;
right: 10px;
top: 50%;
margin-top: -4px;
width: 5px;
height: 5px;
border-top: 2px solid #65B820;
border-right: 2px solid #65B820;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.qa_li_wrap {
padding: 10px;
border-radius: 5px;
}
.qa_li_wrap > ul {}
.qa_li_wrap > ul > li {
background: #fff;
border-radius: 5px;
margin-bottom: 30px;
}
.qa_li_wrap ul li:last-child {
margin-bottom: 0px !important;
}
.qa_li_wrap > ul > li a {
padding: 20px;
display: block;
color: #333;
text-decoration: none;
line-height: normal !important;
box-shadow: 0 0 5px #b0b0b0;
border-radius: 5px;
}
.qa_li_wrap > ul > li a:hover {
background: #f0f5fe;
}
.qa_li_q,
.qa_li_a {
display: flex;
}
.qa_li_q {
margin-bottom: 20px;
padding-bottom: 20px;
border-bottom: 1px dashed #ccc;
align-items: center;
}
.qa_li_a {
align-items: flex-start;
}
.qa_li_q span,
.qa_li_a span {
font-size: 20px;
font-weight: bold;
}
.qa_li_q span {
color: #3976e5;
}
.qa_li_a span {
color: #ff5239;
}
.qa_li_q p,
.qa_li_a p {
font-size: 16px;
margin: 0 0 0 10px;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
.qa_li_q p {
color: #3976e5;
font-weight: bold;
}
.qa_li_more {
text-align: right;
font-weight: bold;
font-size: 14px;
color: #47adff;
margin-top: 5px;
}
.qa_li_link{
margin:7px;
}
.qa_li_link ul{
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-wrap: wrap;
}
.qa_li_link ul li{
margin: 3px;
}
.qa_li_link li a:hover {
background: #042455;
color:#fff;
}
.qa_li_link li a {
display: block;
border: 1px solid #042455;
color: #042455;
background: #fff;
font-weight: 500;
padding: 5px 15px;
border-radius: 3px;
line-height: 20px;
font-size:14px;
text-decoration:none;
}
.qa_sho_wrap{
width:780px;
margin:0 auto;
}
.qa_sho_box {
padding: 20px;
border: 1px solid #ccc;
margin: 30px 0;
border-radius: 5px;
}
.qa_sho_q {
display: flex;
align-items: flex-start;
font-size: 16px;
line-height: 26px;
padding: 0 0 30px;
margin: 0 0 30px;
border-bottom: 1px dashed #ccc;
color: #3976e5;
font-weight:bold;
}
.qa_sho_q p,
.qa_sho_a p {
margin: 0;
}
.qa_sho_q span,
.qa_sho_a span {
font-size: 20px;
margin: 0 10px 0 0;
font-weight:bold;
}
.qa_sho_q span {
color: #3976e5;
}
.qa_sho_a span {
color: #ff5239;
}
.qa_sho_a {
display: flex;
align-items: flex-start;
line-height: normal;
font-size:16px;
line-height:26px;
}
.qa_sho_link {
width: 700px;
margin-top: 20px;
}
.qa_sho_link a {
display: block;
width: 100%;
background: #eee;
border-radius: 5px;
padding: 20px 20px;
text-decoration: none !important;
color: #004CD3;
line-height: 18px;
}
.qa_sho_link a:before {
content: "関連リンク";
color: #333;
font-weight: bold;
display: block;
margin-bottom: 15px;
text-decoration:none;
}
/* 単体フォームカレンダーアイコンをIEだけ隠す */
@media all and (-ms-high-contrast: none) {
.ui-datepicker-trigger {
display: none !important;
}
}