@charset "utf-8";

/* 共通項目
---------------------------------------*/
@import "common_file/_mixin.scss";

h1 {
	text-align:center;
	margin-bottom:30px;
	font-size:1.6rem;
	}

.flex-container {
	display:flex;
	justify-content:space-between;
	}
.left {
	flex:1;
	margin-right:5%;
	}
.right {
	flex:1;
	}
	
.area1 {
	margin-bottom:30px;
	}

.cap {
	text-align:left;
	}
/* レスポンシブテーブルデザイン */

@mixin tablestyle() {
  width:100%;
  border: 2px solid #d6ceb4;
  overflow: hidden;
  word-break: break-all;
  word-wrap: break-word;
}

@mixin tablestyle-th($width) {
  padding: 6px 8px 5px;
  border-top: solid 1px #ffffff;
  width: $width;
  overflow: hidden;
  color: #13131e;
  font-style: normal;
  font-weight: bold;
  font-size: 100%;
  text-align: left;
  word-break: break-all;
  word-wrap: break-word;
  vertical-align: top;
  background-color: #eeece4;
}

@mixin tablestyle-td() {
	padding: 5px 10px;
	text-align: left;
	vertical-align: top;
	color: #595960;
	background-color: #ffffff;
	border-top: dotted 1px #e0dccc;
	overflow: hidden;
	word-break: break-all;
	word-wrap: break-word;
	}
	
.cel {
	width:32%;
	}


.pricelist{
	@include tablestyle;
 
	th{
		@include tablestyle-th(40%);
	}
	 
	td{
		@include tablestyle-td;
	}

}

.pricelist-2 {
	@include tablestyle;
 
	th{
		@include tablestyle-th(20%);
	}
	 
	td{
		@include tablestyle-td;
	}
	}

 
@media (max-width: 767px){
.pricelist th,.pricelist-2 th{
  width:100%;
  display:block;
  margin: 0 auto;
  border:none;
  border-radius: 3px;
}
.pricelist td,.pricelist-2 td{
  display: list-item;
  width: 100%;
  border-top: none !important;
}

}/* end */

.middle-box {
	caption {
		font-size:120%;
		font-weight:bold;
	}
}