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

/* =======================================
	アンカーリンクずれ調整
======================================= */
a.anchor{
    display: block;
    padding-top: 100px;
    margin-top: -100px;
}

/* =======================================
	グリッドシステムをセンタリング
======================================= */
.row-center{
text-align:center;
letter-spacing:-0.4em;
}
.row-center > [class*='col-'] {
display:inline-block;
letter-spacing:0;
vertical-align:top;
float:none !important;
}


/* =======================================
	top-card
======================================= */
.top-card-area {
padding: 0;
margin: 20px 0px 20px 0px;
}


h5.card-title {
color:#751486;
text-decoration: none;
font-size:18px;
line-height: 24px;
}
.card {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
min-width: 0;
word-wrap: break-word;
background-color: #fff;
background-clip: border-box;
border: 1px solid rgba(0, 0, 0, 0.125);
border-radius: 0.25rem;
margin-bottom :30px;
}
.card-body p {
font-size:15px;
line-height: 24px;
}
.card-img-top {
width: 100%;
border-top-left-radius: calc(0.25rem - 1px);
border-top-right-radius: calc(0.25rem - 1px);
}
.card-body {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
padding: 1.25rem;
}
.card h4 {
text-align: center;
margin:0;
padding-top:30px;
padding-bottom:15px;
font-size:20px;
line-height: 28px;
background-color: #fdd000;
}
.card h4::before {
position: absolute;
left: 50%;
top: -15px;
height: 30px;
margin-left: -16px;
text-align: center;
line-height: 30px;
font-weight: bold;
color: #fff;
width: 30px;
background: #751486;
box-shadow: 5px 5px 0 rgba(117, 20, 134, .3);
}
.card h4.first::before {
content: "1";
}
.card h4.second::before {
content: "2";
}
.card h4.third::before {
content: "3";
}
.card h4.fourth::before {
content: "4";
}
@media (max-width: 768px) {
.card h4 {
font-size:18px;
line-height: 26px;
}
}

/* =======================================
	top caseexample
======================================= */
.txt_helpcaption {
	font-size:14px;
	line-height:20px;
	font-weight:bold;
}
.top_caseexample{
	margin: 0px 0px 20px 0px;
	padding: 0px;
	background-color: #fff;
}
.top_caseexample h5{
	margin: 0px;
	padding: 0.5em 0.5em;
	background-color: #751486;
	color: #fff;
	font-size: 16px;
	line-height: 26px;
	font-weight: bold;
	border-left: 10px solid #b989c2;
	border-bottom: 1px solid #b989c2;
}
@media (max-width: 768px) {
.top_caseexample h5{
	font-size: 15px;
	line-height: 24px;
}
}

.top_caseexample img{
	margin: 0px;
	padding: 0px;
}
.top_caseexample p{
	margin: 10px 0px;
	padding: 10px;
	color: #333;
	font-size: 14px;
	line-height: 24px;
	font-weight: normal;
	background-color: #fff;
}

/* =======================================
list exclamation
======================================= */
ul.exclamation {
list-style: none;
margin: 0px;
}

ul.exclamation li {
position: relative;
padding-left: 25px;
font-size: 20px;
line-height: 26px;
margin-bottom: 10px;
}
@media (max-width: 768px) {
ul.exclamation li {
font-size: 14px;
line-height: 20px;
}
}

ul.exclamation li::before {
content: '\f4ad';
font-family: Font Awesome\ 5 Free;
font-weight: 900;
position: absolute;
top: 0px;
left: 0px;
color: #751486;
}

/* =======================================
	top voice
======================================= */
.top_voice{
	margin: 0px;
	padding: 0px;
}

@media (max-width: 768px) {
	.top_voice{
	margin-top: 20px;
}
}

.top_voice h4{
	margin: 10px 0px 0px 0px;
	padding: 0px;
	font-size: 22px;
	line-height: 26px;
	font-weight: bold;
}
.top_voice h5{
	margin: 0px;
	padding: 0px 0px 5px 0px;
	font-size: 20px;
	line-height: 26px;
	font-weight: bold;
	border-bottom: 1px dotted #333333;
}
.top_voice p{
	margin: 5px 0px;
	padding: 0px;
	font-size: 16px;
	line-height: 26px;
	font-weight: normal;
}
@media (max-width: 768px) {
.top_voice h4{
	font-size: 18px;
	line-height: 24px;
}
.top_voice h5{
	font-size: 16px;
	line-height: 24px;
}
.top_voice p{
	font-size: 14px;
	line-height: 24px;
}
}

/* =======================================
	top step
======================================= */
.top_step{
	margin: 0px 0px 20px 0px;
	padding: 0px;
	background-color: #fff;
}
.top_step img{
	margin: 0px auto;
	padding: 0px;
}
.top_step p{
	margin: 10px 0px;
	padding: 10px;
	color: #333;
	font-size: 16px;
	line-height: 24px;
	font-weight: normal;
	background-color: #fff;
}

/* =======================================
	top motomura
======================================= */
.top_motomura{
	margin: 0px 0px 20px 0px;
	padding: 0px;
	background-color: #fff;
}
.top_motomura img{
	margin: 0px auto;
	padding: 0px;
}
.top_motomura h2{
	font-family:'Hiragino Mincho ProN', serif;
	font-size:36px;
	line-height:50px;
	font-weight:bold;
	color:#e71f19;
	font-feature-settings : "palt";
	margin-top:0px;
	margin-bottom:20px;
	margin-left:0px;
   padding: 0px;
	text-align: center;
}
.top_motomura h5{
	font-family:'Hiragino Mincho ProN', serif;
	font-size:22px;
	line-height:30px;
	font-weight:bold;
	color:#333;
	font-feature-settings : "palt";
	margin-top:0px;
	margin-bottom:20px;
	margin-left:0px;
   padding: 10px;
	text-align: right;
}

@media (max-width: 767px) {
.top_motomura h2{
	margin-top:20px;
	font-size:26px;
	line-height:32px;
}
.top_motomura h5{
	font-size:18px;
	line-height:26px;
	text-align: center;
}
}



.top_motomura p{
	margin: 10px 0px;
	padding: 10px;
	color: #333;
	font-size: 16px;
	line-height: 24px;
	font-weight: normal;
}






/* =======================================
	top shopmap
======================================= */
.top_shopmap{
	margin-top: 30px;
	margin-bottom: 0px;
}
.top_shopmap p{
	margin-top: 5px;
	margin-bottom: 30px;
	color: #333;
	font-size: 16px;
	line-height:24px;
	font-weight: normal;
	text-align:left;
}



#map_container {
  position: relative;
  padding-top: 50%;
}
#map {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
}


/* =======================================
	shop data
======================================= */
.shop_data {
	margin-top: 0px;
	margin-bottom: 30px;
}
@media only screen and (max-width:768px){
.shop_data  tr{
        display: block;
        margin-bottom: 1.5em;
    }
.shop_data  th,
.shop_data  td{
        display: list-item;
        border: none;
    }
}

.table_shopdata {
	color:#666;
	font-size:14px;
	table-layout: auto;
}
.table_shopdata th{
	background-color:#f2f2f2;
   font-weight:normal;
	width:20%;
}
@media only screen and (max-width:768px){
	.table_shopdata {
	margin-top: 20px;
		list-style: none;
}
	.table_shopdata th{
	width:auto;
}
}

.table_shopdata td{
	background-color:#fff;
}
.table_shopdata td h5{
	color:#fff;
	font-size:14px;
	font-weight:normal;
	background-color: #29a192;
	margin:0px 0px 10px 0px;
	padding:2px 5px 2px 5px;
}
.table_shopdata td h5.rose{
	color:#fff;
	font-size:14px;
	font-weight:normal;
	background-color: #fc86b2;
	margin:0px 0px 10px 0px;
	padding:2px 5px 2px 5px;
}
.table_shopdata td p{
	color:#333;
	font-size:14px;
	font-weight:normal;
	margin:0px 0px 10px 0px;
}
.table_shopdata tr:last-child  th {
  border-bottom: 1px solid #dddddd;
}
.table_shopdata tr:last-child  td {
  border-bottom: 1px solid #dddddd;
}






/* =======================================
	hover effect
======================================= */
.top_shop_button {
	width:70%;
	margin-top:-40%;
	margin-left:auto;
	margin-right:auto;
	border: 1px solid #fff;
	color: #fff;
	text-align: center;
	text-decoration: none;
	outline: none;
	transition: all .3s;
	background-color:rgba(255,255,255,0.6);
}
.top_shop_button:hover {
	box-shadow: 0 0 45px rgba(255,255,255,.8);
}
.top_shop_button h3{
	padding:5px;
	font-size:30px;
	color:#fff;
	font-weight:normal;
	background-color:#e91218;
	margin:20px;
}
.top_shop_button h4{
	font-size:20px;
	color:#333333;
	font-weight:bold;
	text-shadow:
        0 2px 0 #fff,
        2px 0 0 #fff,
        0 -2px 0 #fff,
        -2px 0 0 #fff,
        -2px -2px 0 #fff,
        2px -2px 0 #fff,
        -2px 2px 0 #fff,
        2px 2px 0 #fff;
}
.top_shop_button p{
	margin-top:-15px;
	font-size:20px;
	color:#e91218;
	font-weight:bold;
	text-shadow:
        0 2px 0 #fff,
        2px 0 0 #fff,
        0 -2px 0 #fff,
        -2px 0 0 #fff,
        -2px -2px 0 #fff,
        2px -2px 0 #fff,
        -2px 2px 0 #fff,
        2px 2px 0 #fff;
}
.top_shop_button p a{
	color:#333333;
	text-shadow:
        0 2px 0 #fff,
        2px 0 0 #fff,
        0 -2px 0 #fff,
        -2px 0 0 #fff,
        -2px -2px 0 #fff,
        2px -2px 0 #fff,
        -2px 2px 0 #fff,
        2px 2px 0 #fff;
}
@media (max-width: 480px) {
.top_shop_button {
	width:90%;
}
.top_shopinfoimg1{
	padding-top: 40%;
}
.top_shopinfoimg2{
	padding-top: 40%;
}
.top_shopinfoimg3{
	padding-top: 40%;
}
.top_shopinfoimg4{
	padding-top: 40%;
}
.top_shop_button h3{
	font-size:18px;
	margin:5px;
}
.top_shop_button h4{
	font-size:14px;
}
.top_shop_button p{
	margin-top:-5px;
	font-size:12px;
}
}


/* =======================================
	top sns banner
======================================= */
.top_snsbanner {
	margin-top: 30px;
	margin-bottom: 50px;
}
.top_snsbanner_bnr {
	margin-top: 20px;
	margin-bottom: 20px;
}
.top_blogbanner {
	margin-top: 20px;
	margin-bottom: 10px;
}


/* =======================================
	top banner
======================================= */
.top_banner {
	margin-top: 30px;
	margin-bottom: 50px;
}
.top_banner_bnr {
	margin-top: 20px;
	margin-bottom: 20px;
}




/* =======================================
	step
======================================= */
.step_table {
	margin-top: 0px;
	margin-bottom: 20px;
}
.step_table_box {
	padding: 15px;
	margin:0px;
	border: 15px solid #e6e6e6;
}
.step_table_box h3{
	font-size:20px;
	line-height:28px;
	font-weight:bold;
	color:#751486;
	border-bottom: 1px dashed #333;
	margin:0px 0px 10px 0px;
	padding:0px 0px 5px 0px;
}
.step_table_box h3.black{
	font-size:20px;
	line-height:28px;
	font-weight:bold;
	color:#333333;
	border-bottom: 1px dashed #333;
	margin:0px 0px 10px 0px;
	padding:0px 0px 5px 0px;
}
.step_table_box h4{
	font-size:18px;
	line-height:24px;
	font-weight:bold;
	color:#333;
}
.step_table_box p{
	font-size:16px;
	line-height:24px;
	font-weight:normal;
	color:#333;
}
@media (max-width: 767px) {
.step_table_box h3{
	font-size:18px;
	line-height:26px;
}
.step_table_box p{
	font-size:14px;
	line-height:20px;
}	
}

.step_table_box_devide {
	font-size:30px;
	color:#751486;
	text-align:center;
}


/* =======================================
	bankin price table
======================================= */
.bankin_price_table{
	margin: 10px auto;
	width: 100%;
	border-collapse: collapse;
	border-right-style: hidden;
	border-left-style: hidden;
}
.bankin_price_table th.kind{
width: 50%;
padding: 15px 5px 15px 5px;
text-align: center;
color:#333;
font-size: 14px;
line-height:20px;
font-weight: normal;
background-color: #e6e6e6;
border: 1px solid #ccc;
}

.bankin_price_table td{
width: 50%;
padding: 15px 5px 15px 5px;
text-align: center;
color:#333;
font-size: 14px;
line-height:20px;
font-weight: normal;
background-color: #fff;
border: 1px solid #ccc;
}

/* =======================================
	common price table
======================================= */
.common_price_table{
	margin: 0px auto 20px;
	width: 100%;
	border-collapse: collapse;
	border-right-style: hidden;
	border-left-style: hidden;
	table-layout: fixed;
  word-break: break-all;
  word-wrap: break-all;
}
.common_price_table th{
padding: 15px;
text-align: center;
color:#333;
font-size: 14px;
line-height:20px;
font-weight: bold;
background-color: #efefef;
border: 1px solid #ccc;
}

.common_price_table td{
width: 50%;
padding: 15px;
text-align: center;
color:#333;
font-size: 14px;
line-height:20px;
font-weight: normal;
background-color: #fff;
border: 1px solid #ccc;
}



@media (max-width: 767px) {
table.common_price_table thead {
	display:none;
}
.common_price_table th{
width: 100%;
font-size: 12px;
line-height:16px;
	display: block;
	border-bottom-style: hidden;
	border-right-style: hidden;
	border-left-style: hidden;
}
.common_price_table td{
	width: 100%;
font-size: 12px;
line-height:16px;
	display: block;
	border-bottom-style: hidden;
	border-right-style: hidden;
	border-left-style: hidden;
}
table.common_price_table tbody td::before {
	content: attr(label);
	display: inline-block;
    vertical-align: middle;
	font-weight:normal;
	font-size: 13px;
	margin:0 auto;
	width: 100%;
	text-align: center;
}
table.common_price_table td.nodisplay {
	display:none;
}
}



/* =======================================
	voice
======================================= */
.voice_table {
	margin-top: 40px;
	margin-bottom: 20px;
}
.voice_table-title h2{
 display: inline;
 font-size:18px;
 font-weight:normal;
 color:#fff;
 background-color:#E60012;
 padding:10px;
 margin-left:0px;
}
.voice_table_box {
	padding: 15px;
	margin-top:8px;
	border-top: 1px solid #b3b3b3;	
	border-left: 1px solid #e6e6e6;
	border-right: 1px solid #e6e6e6;	
	border-bottom: 1px solid #b3b3b3;	
}

@media (max-width: 768px) {
.voice_table-title h2 {
	margin-left:20px;
	margin-right:20px;
}
.voice_table_box {
	margin-left:20px;
	margin-right:20px;
}
}

.voice_table_box h4 {
	color:#333;
	font-size:16px;
	line-height:24px;
	font-weight:bold;
}
.voice_table_box p {
	color:#333;
	font-size:14px;
	line-height:24px;
	font-weight:normal;
}


/* =======================================
	Pagenation
======================================= */
.list_pagenation_area{
	margin-top: 10px;
	margin-bottom: 20px;
	background-color:#fff;
}
#pagenation ul.pageNav01 {
	margin: 0 0 10px;
	padding: 10px 10px 5px;
	text-align: center;
}

#pagenation ul.pageNav01 li {
	display: inline;
	margin: 0 2px;
	padding: 0;
}

#pagenation ul.pageNav01 li span{
	display: inline-block;
	margin-bottom: 5px;
	padding: 1px 8px;
	background: #fff;
	border: 1px solid #efefef;
	text-decoration: none;
	vertical-align: middle;
	color:#333;
}
#pagenation ul.pageNav01 li a {
	display: inline-block;
	margin-bottom: 5px;
	padding: 1px 8px;
	background: #fff;
	border: 1px solid #efefef;
	text-decoration: none;
	vertical-align: middle;
	color:#E60012;
}

#pagenation ul.pageNav01 li a:hover {
	background: #eeeff7;
	border-color: #e6e6e6;
}


/* =======================================
	faq
======================================= */
dl.faq-style {
     width:100%;
     overflow: hidden;
     _zoom: 1;
	 margin-bottom:20px;
     }

 dl.faq-style dt,
 dl.faq-style dd{
     color:#333;
     font-size:16px;
	 line-height:24px;
     margin:0px;
     padding-left:50px;
     background:none no-repeat left top;
     min-width: 35px;
     min-height:40px;
     }
    
 dl.faq-style dd{
	background-repeat: no-repeat;
	background-image: url(../images/faq-a.png);
	background-position: 10px 10px;
	overflow: hidden;
	margin-top: 0px;
	margin-bottom: 30px;
	padding-top: 10px;
	padding-bottom: 5px;
	background-color: #fff;
     }
    
 dl.faq-style dt{
	background: url(../images/faq-q.png) no-repeat;
	background-position: 10px 10px;
	border-top: 1px dashed #efefef;
	padding-top: 15px;
	padding-bottom: 15px;
	margin-top: -1px;
	font-weight: bold;
	background-color: #efefef;
}

/* =======================================
	top rssframe
======================================= */
.top_rssframe{
	margin-top:10px;
	margin-bottom:10px;
	height: 500px;
	position: relative;
}



/* =======================================
	form area
======================================= */
.contactcar_ text{
	margin-top: 20px;
	margin-bottom: 20px;
}
.contactcar_ text p {
	color:#333;
	font-size:14px;
	font-weight:normal;
}

.form_area{
	margin-top: 20px;
	margin-bottom: 40px;
}
.form_rayout_bk10 {
	padding:20px;
	margin:0px;
	background-color:#e6e6e6;
}
.form_rayout_bk5 {
	padding:20px;
	margin:0px;
	background-color:#f2f2f2;
}



/* --- input type file --- */
.file {
  display: inline-block;
  overflow: hidden;
  position: relative;
  padding: 1em;
	margin:10px auto;
  border: 1px solid #999;
  background-color: #fdd000;
}

.file input[type="file"] {
  opacity: 0;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  position: absolute;
  right: 0;
  top: 0;
  margin: 0;
  font-size: 100px;
  cursor: pointer;
}

/* --- button --- */
input[type="button"] {
    font-size: 100%;
	text-align: center;
    vertical-align: baseline;
	background-color: #fdd000;
    padding: 5px;
    border: 1px solid #fdd000;
    border-radius: 4px;
    -webkit-appearance: none;
    -moz-appearance: none;
	 font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; 
}



























/* =======================================
	shop
======================================= */
.shop_info {
	margin-top: 0px;
	margin-bottom: 30px;
}

.shop_data {
	margin-top: 0px;
	margin-bottom: 30px;
}
@media only screen and (max-width:768px){
.shop_data  tr{
        display: block;
        margin-bottom: 1.5em;
    }
.shop_data  th,
.shop_data  td{
        display: list-item;
        border: none;
    }
}

.table_shopdata {
	color:#666;
	font-size:14px;
	table-layout: auto;
}
.table_shopdata th{
	background-color:#f2f2f2;
}
.table_shopdata td h5{
	color:#ff6000;
	font-size:16px;
	font-weight:bold;
}
.table_shopdata tr:last-child  th {
  border-bottom: 1px solid #dddddd;
}
.table_shopdata tr:last-child  td {
  border-bottom: 1px solid #dddddd;
}

.shop_linkbtn{
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 10px;
	padding-bottom: 20px;
	background-color:#e6e6e6;
}
.shop_linkbtn_menu{
	margin-top:0px;
	color:#333;
	font-size:16px;
	font-weight:normal;
}
.shop_linkbtn_select{
	margin-top:5px;
	margin-bottom:5px;
}

.shop_aboutarea{
	margin-top: 30px;
	margin-bottom: 50px;
}

@media (max-width: 768px) {
.shop_aboutarea_txt {
	margin-left:20px;
	margin-right:20px;
}
}
.shop_aboutarea_txt{
	margin-top:20px;
}
.shop_aboutarea_txt  h4{
	color:#333;
	font-size:20px;
	line-height:30px;
	font-weight:bold;
}
.shop_aboutarea_txt  p{
	color:#333;
	font-size:16px;
	line-height:24px;
	font-weight:normal;
}

.shop_serviceinfo{
	margin-top: 0px;
	margin-bottom: 20px;
	padding-top: 20px;
	padding-bottom: 20px;
	background-color:#e6e6e6;
}
.shop_serviceinfo_box h4{
color:#333;
	font-size:20px;
	line-height:30px;
	font-weight:bold;
}
.shop_serviceinfo_table {
	color:#333;
	font-size:14px;
	font-weight:normal;
	margin-bottom: 20px;
	padding-top: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	background-color: #fff;
	border-left: 10px solid #e31b31;
	border-right: 5px solid #e31b31;
}
@media (max-width: 768px) {
.shop_serviceinfo_table {
	margin-left:20px;
	margin-right:20px;
}
}


.shop_map {
	margin-top: 15px;
	margin-bottom: 30px;
	position: relative;
    padding-bottom: 40%;
    height: 0;
    overflow: hidden;
}
.shop_map iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}


.shop_staff {
	margin-top: 0px;
	margin-bottom: 30px;
}
.shop_staff_area {
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left:0px;
	margin-right:0px;
}
.shop_staff_area_table{
	color: #333;
	background-color: #f2f2f2;
	padding-top:10px;
	padding-left:15px;
	padding-right:15px;
	padding-bottom:10px;
	margin-bottom:20px;
}


.shop_staff_description{
	padding-left:5px;
	padding-right:5px;
}
.shop_staff_description  h4{
	color:#004fb0;
	font-size:16px;
	font-weight:bold;
}
.shop_staff_description  h5{
	color:#004fb0;
	font-size:14px;
	font-weight:normal;
}
.shop_staff_description  p{
	color:#333;
	font-size:13px;
	font-weight:normal;
}

/* =======================================
	profile
======================================= */
.profile_info {
	margin-top: 0px;
	margin-bottom: 0px;
}
.profile_info_box {
	margin-top: 20px;
	margin-bottom: 30px;
}
.profile_info_box_left {
	margin-bottom: 20px;
}


.contact_ text{
	margin-top: 0px;
	margin-bottom: 20px;
}
.contact_ text p {
	color:#333;
	font-size:14px;
	font-weight:normal;
}


.profile_common_box {
	margin-top: 20px;
}




.profile_about {
	margin-top: 20px;
	margin-bottom: 20px;
	padding-top: 20px;
	padding-bottom: 20px;
}


.profile_data {
	margin-top: 20px;
	margin-bottom: 30px;
}
@media only screen and (max-width:768px){
.profile_data  tr{
        display: block;
        margin-bottom: 1.5em;
    }
.profile_data  th,
.profile_data  td{
        display: list-item;
        border: none;
    }
}

.table_profiledata {
	color:#666;
	font-size:14px;
	table-layout: auto;
}
.table_profiledata th{
	background-color:#f2f2f2;
}
.table_profiledata td h5{
	color:#ff6000;
	font-size:16px;
	font-weight:bold;
}
.table_profiledata tr:last-child  th {
  border-bottom: 1px solid #dddddd;
}
.table_profiledata tr:last-child  td {
  border-bottom: 1px solid #dddddd;
}





/* =======================================
	price
======================================= */

.price_data {
	margin-top: 0px;
	margin-bottom: 20px;
}

.table_pricedata {
	color:#666;
	font-size:14px;
	table-layout: auto;
	text-align:center;
}
.table_pricedata th{
	background-color:#f2f2f2;
	width:30%;
	text-align:center;
}
@media (max-width: 768px) {
.table_pricedata th{
	background-color:#f2f2f2;
	width:100%;
}
}

.table_pricedata td h5{
	color:#ff6000;
	font-size:16px;
	font-weight:bold;
}
.table_pricedata tr:last-child  th {
  border-bottom: 1px solid #dddddd;
}
.table_pricedata tr:last-child  td {
  border-bottom: 1px solid #dddddd;
}






/* =======================================
	reserve
======================================= */
.reserve_step_title{
	margin-bottom: 20px;
	padding: 10px;
	background-color: #751486;
	border-radius: 10px;
}
.reserve_step_title h2{
	font-size: 18px;
	font-weight: bold;
	color: #fff;
	padding: 0px;
	margin-left: 10px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
}
.reserve_step_title h3{
	font-size: 16px;
	font-weight: normal;
	color: #fff;
	padding: 0px;
	margin-left: 10px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

.reserve_step_devide{
	margin-top: 20px;
	margin-bottom: 20px;
	border-bottom: 1px dashed #333;
}

.reserve_step_lightbox{
	margin-top: 20px;
}
.reserve_step_lightbox p{
	margin-top: 10px;
}

/* =======================================
	reserve calendar
======================================= */
ul{
	margin:0px;
	padding:0px;
}
li{
	margin:0px;
	padding:0px;
	list-style:none;
}
.calendar-table{
	text-align: center;
	margin: 0px;
	padding: 0px;
	width: 100%;
	background-color:#7e7b7c;
}
.calendar-table h4{
    font-size: 18px;
	line-height: 35px;
	font-weight: bold;
	color: #FFF;	
}

table#date {
	width: 98%;
	background-color:#b4b4b4;
}

table#date td.dayname{
	text-align: center;
	height:35px;
	font-size: 14px;
	line-height: 35px;
	color: #FFF;
}
table#date td{
	border: 1px #efefef solid;
	text-align: center;
	height:40px;
	font-size: 14px;
	font-weight: bold;
	color: #333;
	vertical-align:top;
}

table#date td a{
	display:block;
    width:100%;
     height:100%;
}

table#date td.nodate {
	background: #FFF;
}
table#date td.busy {
	background-repeat: no-repeat;
	background-image: url(../calendar-images/calendar-celbg-busy.png);
	background-color: #ff7363;
	background-position: center bottom;
}
table#date td.closed {
	background-repeat: no-repeat;
	background-image: url(../calendar-images/calendar-celbg-closed.png);
	background-color: #3861d6;
	background-position: center bottom;
}
table#date td.passed {
	background: #CCC;
}
table#date td.sunday {
	background: #FFEBFF;
}
table#date td.sunday:hover {
	background: #FFD4FF;
	cursor: pointer;
}
table#date td.saturday {
	background: #DAEEFF;
}
table#date td.saturday:hover {
	background: #BFEEFF;
	cursor: pointer;
}
table#date td.week {
	background: #FFF;
}
table#date td.week:hover {
	background: #EFEFEF;
	cursor: pointer;
}






/* =======================================
	syaken price table
======================================= */
.syaken_price_table{
	margin: 10px auto;
	width: 100%;
	border-collapse: collapse;
}
.syaken_price_table th.kind{
width: 5%;
padding: 5px;
text-align: center;
color:#333;
font-size: 14px;
line-height:20px;
font-weight: normal;
background-color: #efefef;
border: 1px solid #ccc;
}
.syaken_price_table td.kind{
width: 24%;
padding: 5px;
text-align: center;
color:#333;
font-size: 14px;
line-height:20px;
font-weight: normal;
background-color: #fee1fe;
border: 1px solid #ccc;
}
.syaken_price_table td{
width: 19%;
padding: 5px;
text-align: center;
color:#333;
font-size: 14px;
line-height:20px;
font-weight: normal;
background-color: #fff;
border: 1px solid #ccc;
}
.syaken_price_table td.green{
width: 19%;
padding: 5px;
text-align: center;
color:#333;
font-size: 14px;
line-height:20px;
font-weight: normal;
background-color: #d5e086;
border: 1px solid #ccc;
}
.syaken_price_table td.yellow{
width: 19%;
padding: 5px;
text-align: center;
color:#333;
font-size: 14px;
line-height:20px;
font-weight: normal;
background-color: #fff8b5;
border: 1px solid #ccc;
}
.syaken_price_table td.blue{
width: 19%;
padding: 5px;
text-align: center;
color:#333;
font-size: 14px;
line-height:20px;
font-weight: normal;
background-color: #d2e7fe;
border: 1px solid #ccc;
}
.syaken_price_table td.red{
width: 19%;
padding: 5px;
text-align: center;
color:#333;
font-size: 14px;
line-height:20px;
font-weight: normal;
background-color: #f9dbda;
border: 1px solid #ccc;
}
.syaken_price_table td.sky{
width: 19%;
padding: 5px;
text-align: center;
color:#333;
font-size: 14px;
line-height:20px;
font-weight: normal;
background-color: #e3ffff;
border: 1px solid #ccc;
}
.syaken_price_table td.lightyellow{
width: 19%;
padding: 5px;
text-align: center;
color:#333;
font-size: 14px;
line-height:20px;
font-weight: normal;
background-color: #fffece;
border: 1px solid #ccc;
}
.syaken_price_table td.pink{
width: 19%;
padding: 5px;
text-align: center;
color:#333;
font-size: 14px;
line-height:20px;
font-weight: bold;
background-color: #fee1fe;
border: 1px solid #ccc;
}





/* =======================================
	maintenance price table
======================================= */
.maintenance_price_table{
	margin: 10px auto;
	width: 100%;
	border-collapse: collapse;
	border-right-style: hidden;
	border-left-style: hidden;
}
.maintenance_price_table th.kind{
width: 50%;
padding: 15px;
text-align: center;
color:#333;
font-size: 14px;
line-height:20px;
font-weight: normal;
background-color: #efefef;
border: 1px solid #ccc;
}

.maintenance_price_table td{
width: 50%;
padding: 15px;
text-align: center;
color:#333;
font-size: 14px;
line-height:20px;
font-weight: normal;
background-color: #fff;
border: 1px solid #ccc;
}




/* =======================================
	help shot
======================================= */
.btn-help.btn-warning {
	background-color:#e71f19;
	border-style:none;
	margin-top: 0px;
	margin-bottom: 10px;
}

@media (max-width: 768px) {
.btn-help.btn-warning {
	background-color:#e71f19;
	border-style:none;
	margin-top: 10px;
	margin-bottom: 10px;
}
}

.list_modal_content{
	margin-top: 10px;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom-style: solid;
	border-bottom-color: #e6e6e6;
	border-bottom-width: 1px;
	margin-left: auto;
	margin-right: auto;
	width:90%;
}

/* =======================================
	checkmarklist
======================================= */
.checkmarklist
,.checkmarklist li{
	padding:0px;
	margin:20px 0px;
	font-size: 18px;
	font-weight: bold;
}
 
.checkmarklist li{
	list-style-type:none !important;
	list-style-image:none !important;
	margin: 5px 0px 5px 0px !important;
}
 
.list4 li{
	position:relative;
	padding-left:20px;
}
 
.list4 li:after, .list4 li:before{
	content:''; 
	display:block; 
	position:absolute; 
	top:4px; 
	left:8px; 
	height:11px; 
	width:4px; 
	background:#F27982; 
	border-radius:10px;
	transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	-o-transform:rotate(45deg);
}
.list4 li:before{
	top:8px; 
	left:3px;
	height:8px; 
	transform:rotate(-45deg);
	-webkit-transform:rotate(-45deg);
	-o-transform:rotate(-45deg);
}

@media (max-width: 768px) {
.checkmarklist
,.checkmarklist li{
	font-size: 14px;
}
}


/* =======================================
	top whats new
======================================= */
.whats_new >dl{
	margin-top:30px;
}
.whats_new >dt{
	color: #751486;
	font-size:16px;
	line-height:22px;
	font-weight:normal;
}
.whats_new >dd{
	color: #333;
	font-size:16px;
	line-height:22px;
	font-weight:normal;
	border-bottom: dotted 1px #666;
	margin-top:15px;
	margin-bottom:15px;
	padding-bottom:5px;
}
.whats_new >dd a {
	color: #751486;
	font-size:16px;
	line-height:22px;
	font-weight:normal;
	text-decoration:none;
}
.whats_new >dd a:hover {
	text-decoration:underline;
}