@charset "UTF-8";

html {
    scroll-behavior: smooth;
}

body {
	margin: 0;
	padding: 0;
	font-family: 'M PLUS 2', sans-serif;
	background-color: #EEEEEE;
}

/*========= レイアウトのためのCSS ===============*/

#container{
	background: #F8F8F8;
	padding:20px;
	font-weight: 400;
}

#container .titlearea {
	color: #0E4C7F;
	text-align: center;
	padding: 20px 0;
}

#container .titlearea .ssname {
	font-size: 1.5em;
	font-weight: 900;
	display: block;
	padding: 10px 0 10px 0;
}

#container .titlearea .comname {
	font-size: 1.0em;
	font-weight: 700;
}

#container .discriparea {
	width: 100%;
	margin: 30px 0 10px 0;
	padding: 0 10px;
	display: flex;
	justify-content: center;
}

#container .discriparea img {
	padding: 0;
	width: 112px;
	height: 155px;
}

#container .discriparea > .discription {
	width: 70%;
}

#container .bt {
	width: 100%;
	padding: 0 10px;
	margin-bottom: 30px;
}

#container .info .infotitle{
	text-align: center;
	margin: 30px 0 0 0;
}

#container .info .gmaps{
	text-align: center;
	margin: 10px 0 0 0;
}

#container .info .infotable{
	text-align: center;
	margin: 30px 0 0 0;
}

/* メディアクエリー　*/
@media screen and (min-width: 641px) {
	#wrapper {
    width: 500px;
	margin: 0 auto;
  }
}


/* 吹き出し */
.balloon1-left {
  position: relative;
  display: inline-block;
  margin: 0 0 1.5em 15px;
  padding: 10px 10px 10px 16px;
  min-width: 120px;
  max-width: 100%;
  color: #555;
  font-size: 16px;
  background: #ffffff;
	border-radius: 15px;
}

.balloon1-left:before {
  content: "";
  position: absolute;
  top: 50%;
  left: -30px;
  margin-top: -15px;
  border: 15px solid transparent;
  border-right: 15px solid #ffffff;
}

.balloon1-left p {
  margin: 0;
  padding: 0;
}

/* 見出し */

.headingdiv {
  margin: 1rem 0;
	text-align: center;
}

.heading {
  position: relative;
  padding: 1.5rem 1rem;
	color: #0E4C7F;
	font-weight: 600;
	
}

.heading:after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 10px;
  content: '';
  background-image: -webkit-repeating-linear-gradient(135deg, #0E4C7F, #0E4C7F 1px, transparent 2px, transparent 5px);
  background-image: repeating-linear-gradient(-45deg, #0E4C7F, #0E4C7F 1px, transparent 2px, transparent 5px);
  background-size: 7px 7px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* 表組 */
table {
  margin: 20px auto;
}
.tbl-r02 th {
  border-bottom: dotted 2px #0E4C7F;
  color: #696969;
  padding: 0;
}
.tbl-r02 td {
  padding: 10px 0 28px 0;
	font-weight: 400;
	font-size: 1.1em;
	color: #555;
}

@media screen and (min-width: 641px) {
  .last td:last-child {
    border-bottom: solid 1px #ccc;
    width: 100%;
  }
  .tbl-r02 {
    width: 100%;
	padding: 0 10px;
  }
  .tbl-r02 th,
  .tbl-r02 td {
　　border-bottom: none;
    display: block;
    width: 100%;
  }
}

@media screen and (max-width: 640px) {
  .last td:last-child {
    border-bottom: solid 1px #ccc;
    width: 100%;
  }
  .tbl-r02 {
    width: 100%;
  }
  .tbl-r02 th,
  .tbl-r02 td {
　　border-bottom: none;
    display: block;
    width: 100%;
  }
}

/* gototop */
#page-top {
    display: block;
    font-weight: bold;
    padding: .7em;
    text-align: center;
    background: #fff; /*背景色*/
    color: #666; /*文字色*/
    transition: .3s;
}
#page-top:hover {
    background: #666; /*背景色*/
    color: #fff; /*文字色*/
}

/* footer */
.footerdiv {
	text-align: center;
	margin: 0;
	padding: 10px;
	background-color: #DFDFDF;
	color: #696969;
	font-size: 0.8em;
}

/* selectbox */

.boxArea .box {
	display: none;
	padding: 10px;
}

.selectbox {
	overflow: hidden;
	width: 100%;
	margin: 2em auto;
	text-align: center;
}
.selectbox select {
	width: 100%;
	padding-right: 1em;
	cursor: pointer;
	text-indent: 0.01px;
	text-overflow: ellipsis;
	border: none;
	outline: none;
	background: transparent;
	background-image: none;
	box-shadow: none;
	-webkit-appearance: none;
	appearance: none;
}
.selectbox select::-ms-expand {
    display: none;
}
.selectbox.sl01 {
	position: relative;
	border-radius: 2px;
  border-radius: 50px;
	background: #0E4C7F;
}
.selectbox.sl01::before {
	position: absolute;
	top: 0.96em;
	right: 0.8em;
	width: 0;
	height: 0;
	padding: 0;
	content: '';
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid #ffffff;
	pointer-events: none;
}
.selectbox.sl01 select {
	padding: 8px 38px 8px 16px;
	color: #ffffff;
}

/* selectbox boxarea */

.boxtable {
	color: #202020;
	border-collapse:collapse;
}

.boxtable tr {
  border-bottom: none;
}

.boxtable td {
  width: 35%;
  text-align: right;
  padding: 10px 10px 10px 0;
}

.boxtable th,
.boxtable td {
  border: none;
}

.boxtable th {
	width: 65%;
  text-align: left;
	padding: 10px 0 10px 10px;
}

.boxplus {
	font-size: 2.4em;
	font-weight: 600;
	text-align: center;
	line-height: 0;
	display: block;
	padding: 20px 0;
}

.box_headingdiv {
	text-align: center;
	padding-bottom: 10px;
}
.box_headingdiv .box_heading01 {
	font-size: 1.2em;
	font-weight: 600;
}
.box_headingdiv .box_heading01-s {
	font-size: 0.9em;
}
.box_heading02 {
	font-size: 1em;
	font-weight: 600;
	display: block;
	border-left: 6px solid;
	padding-left: 6px; 
}
.box_itemdiv {
	padding: 10px 0;
}
.box-item {
	font-size: 1em;
	font-weight: 400;
}
.box-charge {
	font-size: 1.2em;
	font-weight: 600;
}
.boxtable tr:last-child>* {
	border-top: 1px solid #5D5D5D;
	margin: 10px 0 0 0;
	padding: 10px;
	background-color: #E7E7E7;
}
.boxtable tr:last-child>td {
	color: #D93C1F;
}

/* info box 店舗情報 */

.info_ssname {
	background-image: url("../img/ss_icon.png");
	background-repeat: no-repeat;
	background-position:left center;
	padding-left: 20px;
}

.info_itemdiv p {
	font-size: 1.5em;
	font-weight: 600;
	color: #0E4C7F;
	display: block;
	margin: 30px 0 10px 10px;
}

.infotable02 {
	color: #202020;
	border-collapse:collapse;
	margin: 10px auto;
}

.infotable02 tr {
  border-bottom: none;
}

.infotable02 td {
  width: 70%;
  text-align: left;
  padding: 30px 10px 30px 0;
}

.infotable02 th,
.infotable02 td {
  border-bottom: 1px dotted #5D5D5D;
}

.infotable02 th {
	width: 30%;
  text-align: left;
	padding: 30px 10px 30px 10px;
}
.box_itemdiv {
	padding: 10px 0;
}
.info-item {
	font-size: 1em;
	font-weight: 400;
}
.info-con {
	font-size: 1em;
	font-weight: 400;
}