@charset "UTF-8";

/**************************************************
		/css/style.css
**************************************************/
.text-link {
  position: relative;
  display: inline-block;
  text-decoration: none;
}

.text-link::after {
  position: absolute;
  bottom: 2px;
  left: 0;
  content: '';
  width: 100%;
  height: 1px;
  background: #f2660f;
  transform: scale(0, 1);
  transform-origin: left top;
  transition: transform .3s;
}

.text-link:hover::after {
  transform: scale(1, 1)
}

a.box-button:before {
  content: "";
  right: 0;
  top: 0;
  bottom: 0;
  left: 0
}

a.box-button {
  display: inline-block;
  position: relative;
}

a.box-button:before {
  display: block;
  background: url(../../images/boxCorner.png) top right no-repeat, url(../../images/boxCorner.png) top left no-repeat, url(../../images/boxCorner.png) bottom right no-repeat, url(../../images/boxCorner.png) bottom left no-repeat;
  width: 100%;
  position: absolute
}

.p-top a.box-button:before {
	display: none;
}

a.box-button p, p.table-cell a.box-button span {
  border: 1px dashed #dadada;
  margin: 2px
}

.p-top a.box-button p {
	border: 1px solid #D71518;
	border-radius: 3rem;
	background: #D71518;
}

a.box-button span {
  display: block;
  letter-spacing: .4rem;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.1em;
  text-align: center;
  padding: 7.375% 0;
}

.p-top a.box-button span {
	line-height: 1.8;
	padding: 1.6rem 2.4rem;
	border-radius: 3rem;
}

article.service section h1 {
  text-align: left
}

article.service section p {
  letter-spacing: .1em;
  line-height: 1.7em
}

article.service section p.subtitle {
  margin-bottom: 2.3%;
  font-size: 22px;
  font-size: 2.2rem;
  letter-spacing: .2em
}

article.service section p.message {
  margin: 9.3% 0 3%;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.85em
}

article.service section p.description {
  margin-bottom: 13.8%;
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 2.1em
}

article.service section a.box-button {
  width: 284px
}

.company #coin, .company #ledghome {
  background: #fafafa
}

.company article:nth-of-type(odd) a.box-button:hover span {
  background-color: #fff
}

.company article:nth-of-type(even) a.box-button:hover span {
  background-color: #f8f8f8;
  color: #111
}

#ledghome {
  display: flex
}

#ledghome div img.figure {
  background-size: contain;
  max-width: 554px;
  width: auto;
  float: right;
  max-height: calc(100vh - 5rem);
  height: 100%;
}

#ledghome section {
  max-width: 380px
}

#ledghome section h1 img {
  width: 100%;
  max-width: 322px
}

#ledghome section p.subtitle {
  color: #bc292f
}

.table-column:last-child {
  padding-top: 10%
}

.company #araise {
  clear: both;
  overflow: hidden
}

#araise div img.figure {
  background-size: contain;
  max-width: 400px;
  width: 100%;
  float: left
}

#araise section {
  max-width: 395px
}

#araise section h1 img {
  width: 100%;
  max-width: 222px
}

#araise section p.subtitle {
  color: #ce1819
}

#coin section p.subtitle, #drorepo section p.subtitle {
  color: #5fabd5
}

#araise .table-column {
  vertical-align: top
}

#coin div.table-row {
  width: 63.899%
}

#coin div img.figure {
  max-width: 609px;
  width: 100%;
  float: right
}

#coin section {
  max-width: 438px
}

#coin section h1 img {
  width: 100%;
  max-width: 445px
}

#drorepo div img.figure {
  max-width: 800px;
  width: 100%;
  float: right
}

#drorepo section {
  max-width: 470px
}

#drorepo section h1 img {
  width: 100%;
  max-width: 263px
}

.clearfix:after {
  content: "";
  clear: both;
  display: block
}

@media screen and (max-width:1366px) {
  .company .main_wrap article .table-row {
    width: 83%
  }
}

@media screen and (min-width:1000px) {
  .company .main_wrap article .table-row {
    min-width: 900px
  }
  #container {
    overflow-x: hidden
  }
}

@media screen and (max-width:999px) {
  #araise .table-column:first-child {
    padding-right: 40px;
    vertical-align: middle
  }
}

@media screen and (max-width:999px) and (min-width:769px) {
  .company .main_wrap #araise .table-row {
    width: 68.891%header div.clearfix
  }
}

@media screen and (min-width:769px) {
  a.box-button:hover span {
    background: #f8f8f8;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    -ms-transition: all .2s linear;
    transition: .2s linear
  }
  .company .main_wrap article {
    min-height: calc(100vh - 5rem);
    position: relative;
    padding: 5rem 0;
    box-sizing: border-box;
  }
  .company .main_wrap article .table-row {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    width: 68.891%
  }
  #araise, #coin, #drorepo, #ledghome {
    display: flex;
    display: -webkit-box;
    display: -ms-flexbox
  }
}

@media screen and (max-width:768px) {
  .company #home {
    height: calc(100vh - 5rem)
  }
  .company article .table-column {
    vertical-align: middle;
    clear: both;
    overflow: hidden
  }
  #araise section, #coin section, #ledghome section {
    max-width: inherit
  }
  .table-column:last-child {
    padding-top: 16.67%
  }
  article section div.button {
    text-align: center
  }
  article.service section a.box-button {
    width: 90%
  }
  .company .main_wrap article .table-row {
    width: 75%;
    margin: 6rem auto
  }
  #home a.box-button {
    width: 85%!important
  }
  .company article {
    padding: 0;
    clear: both;
    overflow: hidden
  }
  article#ledghome section h1 {
    width: 89.58333%
  }
  article#araise section h1 {
    width: 61.66666%
  }
  article#coin section h1 {
    width: 100%
  }
  article#coin div.table-row {
    width: auto;
    padding: 0
  }
  #coin div.table-row {
    width: 83%!important;
    margin: 15.625% auto!important
  }
  .company .main_wrap #drorepo .table-row {
    width: 83%
  }
}

@media screen and (max-width:768px) and (min-width:481px) {
  a.box-button {
    width: 100%;
  }
  a.box-button span {
    font-size: 14px;
    font-size: 1.4rem;
    letter-spacing: .1em;
    padding: 8.42% 0;
  }
}

@media screen and (min-width:481px) {
  #araise .max-480 {
    display: none;
  }
  article div.table-row {
    display: table;
  }
  .table-column {
    display: table-cell;
    vertical-align: middle;
  }
  .table-column:last-child {
    padding-top: 0
  }
  .company article:nth-of-type(odd) section {
    padding-right: 20px
  }
}

@media screen and (max-width:767px) {
  article.service section p.subtitle {
    font-size: 16px;
    font-size: 1.6rem;
    letter-spacing: .1em;
    line-height: 1.2em;
    margin-bottom: 4.17%
  }
  article.service section h1 {
    line-height: .6em
  }
  article.service section p.message {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 2.1rem;
    margin: 8.335% 0 5%
  }
  article.service section p.description {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 2rem;
    margin-bottom: 8.335%
  }
  a.box-button span {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: .8em;
    letter-spacing: .1em;
    padding: 1.8rem 0
  }
  section.table-column {
    width: 100%!important
  }
  .company .main_wrap #ledghome .table-row {
    margin-bottom: 0
  }
  #araise .min-481 {
    display: none
  }
}

@media screen and (min-device-height:1441px) {
  #coin {
    overflow: hidden;
  }
  #coin div.table-row {
    margin: 12% auto;
  }
}

@media screen and (max-device-height:1440px) and (min-device-height:1201px) {
  #ledghome .table-column:last-child {
    vertical-align: middle
  }
}

@media screen and (max-width: 767px) {/*768px指定だと768pxちょうどの時に効かない等で調整*/
  /*通常ナビ非表示*/
  .pcpad {
	display: none !important;
  }
}


/**************************************************
		/assets/css/style.css
**************************************************/
#overlay {
	background: #000;
	position: relative;
	width: 100%;
	height: 100%;
	opacity: 0.8;
	z-index: 1;
}

.overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000;
	z-index: 999;
}
/*body {
	font-weight: 500;
	line-height: 1.7;
}
a {
	font-weight: bold;
	color: #02414c;
}
p a {
	display: inline-block;
}*/





#container {
	font-weight: 500;
	line-height: 1.7;
}
#container a {
	font-weight: bold;
}
#container p a {
	display: inline-block;
}
#container img { vertical-align: top; }





.img_wrap a:hover {
	transition: 0.1s linear;
    -webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    -o-transition: all 0.1s linear;
    -ms-transition: all 0.1s linear;
}
.caution a { display: inline; }
.left { float: left; }
.right { float: right; }
.txt-center { text-align: center !important; }
.txt-left { text-align: left !important; }
.txt-right { text-align: right !important; }
.block { display: block !important; }
.clear { clear: both; }
.clearfix {
	clear:both;
}
.underline {
	text-decoration: underline;
	color: #FF8417;
	margin-right: 3px;
}
.none { font-weight: bold; }
.img_wrap img {
	width: 100%;
	height: auto;
	vertical-align: middle;
}
.txt_wrap img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    max-height: 100%;
}

/* img-autosize */
.img-autosize {
    position: relative;
    padding-bottom: 66.672%;
    overflow: hidden;
}
.img-autosize img {
	width: auto;
    height: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    max-width: 100%;
    max-height: 100%;
    margin: auto;
    display: block;
}

/* img-coversize */
.img-coversize {
	position: relative;
	overflow: hidden;
	padding-bottom: 66.918%;
}
.img-coversize img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 100%;
	min-height: 100%;
	object-fit: cover;
}

/* 文字 */
h1 {
	font-size: 74px;
	font-size: 7.4rem;
}
h2 {
	font-size: 60px;
	font-size: 6rem;
}
h3 {
	font-size: 30px;
	font-size: 3rem;
}
h4 {
	font-size: 24px;
	font-size: 2.4rem;
}
h5 {
	font-size: 22px;
	font-size: 2.2rem;
}
h6 {
	font-size: 20px;
	font-size: 2rem;
}
.t-10 {
	font-size: 10px;
	font-size: 1rem;
}
.t-11 {
	font-size: 11px;
	font-size: 1.1rem;
}
.t-12 {
	font-size: 12px;
	font-size: 1.2rem;
}
.t-13 {
	font-size: 13px;
	font-size: 1.3rem;
}
.t-14 {
	font-size: 14px;
	font-size: 1.4rem;
}
.t-15 {
	font-size: 15px;
	font-size: 1.5rem;
}
.t-16 {
	font-size: 16px;
	font-size: 1.6rem;
}
.t-17 {
	font-size: 17px;
	font-size: 1.7rem;
}
.t-18 {
	font-size: 18px;
	font-size: 1.8rem;
}
.t-19 {
	font-size: 19px;
	font-size: 1.9rem;
}
.t-20 {
	font-size: 20px;
	font-size: 2rem;
}
.t-21 {
	font-size: 21px;
	font-size: 2.1rem;
}
.t-22 {
	font-size: 22px;
	font-size: 2.2rem;
}
.t-23 {
	font-size: 23px;
	font-size: 2.3rem;
}
.t-24 {
	font-size: 24px;
	font-size: 2.4rem;
}
.t-26 {
	font-size: 26px;
	font-size: 2.6rem;
}
.t-28 {
	font-size: 28px;
	font-size: 2.8rem;
}
.t-30 {
	font-size: 30px;
	font-size: 3rem;
}
.t-34 {
	font-size: 32px;
	font-size: 3.2rem;
}
.t-34 {
	font-size: 34px;
	font-size: 3.4rem;
}
.t-36 {
	font-size: 36px;
	font-size: 3.6rem;
}
.t-40 {
	font-size: 40px;
	font-size: 4rem;
}
.t-42 {
	font-size: 42px;
	font-size: 4.2rem;
}
.t-46 {
	font-size: 46px;
	font-size: 4.6rem;
}
.t-48 {
	font-size: 48px;
	font-size: 4.8rem;
}
.t-50 {
	font-size: 50px;
	font-size: 5rem;
}
.t-56 {
	font-size: 56px;
	font-size: 5.6rem;
}
.t-64 {
	font-size: 64px;
	font-size: 6.4rem;
}

.ver-top { vertical-align: top !important; }
.red, .error { color: #fa4032; }
.bold { font-weight: bold; }
.indent {
	padding-left: 1em;
	text-indent: -1em;
}
strong {
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: bold;
	line-height: 3rem;
	color: #ffea2a;
}
.fuchi {
	color: #386c85;
	text-shadow: 1px 1px 0 #fff, -1px 1px 0 #fff, 1px -1px 0 #fff, -1px -1px 0 #fff;
}
.thanks-comment {
	font-size: 20px;
	font-size: 2rem;
	line-height: 1.7;
	color: #fa4032;
	font-weight: bold;
	text-align: center;
	margin: 6rem 0 !important;
}

/* 余白 */
.mt-80 { margin-top: 8rem !important; }
.mt-70 { margin-top: 7rem !important; }
.mt-60 { margin-top: 6rem !important; }
.mt-50 { margin-top: 5rem !important; }
.mt-40 { margin-top: 4rem !important; }
.mt-30 { margin-top: 3rem !important; }
.mt-25 { margin-top: 2.5rem !important; }
.mt-20 { margin-top: 2rem !important; }
.mt-15 { margin-top: 1.5rem !important; }
.mt-10 { margin-top: 1rem !important; }
.mt-5 { margin-top: 0.5rem !important; }
.mt-0 { margin-top: 0rem !important; }
.mb-80 { margin-bottom: 8rem !important; }
.mb-70 { margin-bottom: 7rem !important; }
.mb-60 { margin-bottom: 6rem !important; }
.mb-50 { margin-bottom: 5rem !important; }
.mb-40 { margin-bottom: 4rem !important; }
.mb-30 { margin-bottom: 3rem !important; }
.mb-25 { margin-bottom: 2.5rem !important; }
.mb-20 { margin-bottom: 2rem !important; }
.mb-15 { margin-bottom: 1.5rem !important; }
.mb-10 { margin-bottom: 1rem !important; }
.mb-5 { margin-bottom: 0.5rem !important; }
.mb-0 { margin-bottom: 0 !important; }

.pt-80 { padding-top: 8rem !important; }
.pt-70 { padding-top: 7rem !important; }
.pt-60 { padding-top: 6rem !important; }
.pt-50 { padding-top: 5rem !important; }
.pt-40 { padding-top: 4rem !important; }
.pt-30 { padding-top: 3rem !important; }
.pt-20 { padding-top: 2rem !important; }
.pt-5 { padding-top: 0.5rem !important; }
.pt-10 { padding-top: 1rem !important; }
.pt-0 { padding-top: 0 !important; }
.pb-80 { padding-bottom: 8rem !important; }
.pb-70 { padding-bottom: 7rem !important; }
.pb-60 { padding-bottom: 6rem !important; }
.pb-50 { padding-bottom: 5rem !important; }
.pb-40 { padding-bottom: 4rem !important; }
.pb-30 { padding-bottom: 3rem !important; }
.pb-20 { padding-bottom: 2rem !important; }
.pb-10 { padding-bottom: 1rem !important; }
.pb-5 { padding-bottom: 0.5rem !important; }
.pb-0 { padding-bottom: 0 !important; }

/*=========================================
		parts
=========================================*/
/* 説明文 */
.caption {
	margin: 4rem 0 3rem;
	font-size: 16px;
	font-size: 1.6rem;
}

/* テキストリンク */
.text-link {
	margin: 0 3px;
}

/* ボーダーリンク */
a.link-under {
	display: inline-block;
	color: #386E82 !important;
	line-height: 1.3;
}
a.link-under:hover {
	opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter: “alpha( opacity=100 )”;
	border-bottom: 1px dotted #386E82;
}

/* ボタン */
.btn_wrap p a, .td-btn p a {
	font-size: 16px;
	font-size: 1.6rem;
	text-decoration: none;
	font-weight: bold;
	text-align: center;
	display: block;
	padding: 18px 0 14px;
}
td .btn:hover, td .btn-gray:hover, .td .btn-gray:hover, .td-btn p:hover, .full-form dl .btn-bl:hover, .remodal-close:hover {
	transition: 0.05s linear;
    -webkit-transition: all 0.05s linear;
    -moz-transition: all 0.05s linear;
    -o-transition: all 0.05s linear;
    -ms-transition: all 0.05s linear;
	opacity: 0.6;
	filter: alpha(opacity=60);
	-ms-filter: “alpha( opacity=60 )”
}
.btn:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: “alpha( opacity=70 )”;
	-webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    -o-transition: all 0.1s linear;
    -ms-transition: all 0.1s linear;
    transition: 0.1s linear;
}

/* アイコン付きボタン */
.btn-i a div {
	display: table;
	margin: 0 auto;
}
.btn-i a div i { display: table-cell; }
.btn-i a div p {
	display: table-cell;
    vertical-align: middle;
    text-align: left;
}
.btn-i_l a div p { padding-left: 1rem; }
.btn-i_r a div p { padding-right: 1rem; }

/* アイコン */
i { display: inline-block; }
i img {
	width: 100%;
	height: auto;
}

/* modal */
.mfp-title { padding-right: 4em !important; }

/* 角丸 */
.round-5 { border-radius: 0.5rem; }
.round-10 { border-radius: 1rem; }
.round { border-radius: 5rem; }

.cannot {
	background: #D8D8D8;
	box-shadow: none;
	border-radius: 5px;
}
.cannot a { cursor: default; }
p.cannot:hover, p.cannot a:hover{
	opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter: “alpha( opacity=100 )”
}

/* position */
.relative { position: relative; }
.absolute { position: absolute; }

/* 入力フォーム */
#container input[type="text"] {
	border-radius: 5px;
	padding: 8px;
}
#container input[type="tel"] {
	border-radius: 5px;
    padding: 8px;
}
#container input::-webkit-input-placeholder {
	color: rgba(20,20,20,.5);
}
#container textarea {
	width: 100%;
	height: 200px;
}



input.min-input { width: 93px; }
input.middle-input {
	width: calc(50% - 2rem);
	display: inline-block;
}
.label-l { margin-right: 8px; }
.label-r { margin-left: 5px; }
.input-l { margin-right: 15px; }

/* float */
.float-l {
	display: inline-block;
	float: left;
}
.float-r {
	display: inline-block;
	float: right;
}

/* エラーメッセージ */
.error-message {
	border: 1px dotted #9d0b0b;
	color: #9d0b0b;
	padding: 1.5rem;
	line-height: 1.6rem;
	width: 100%;
	margin: 0 auto 2rem;
	text-align: center;
}
.error-message > div {
	margin: 0 auto;
}
.error-message .img_wrap {
	padding-right: 10px;
	vertical-align: middle;
}
.error-message p {
	text-align: left;
	vertical-align: middle;
}

/* ラジオボタン */
#container input[type="radio"] {
	display: none;
}



.design-radio label {
	position: relative;
	display: inline-block;
	padding: 1rem 3px 1rem 20px;
	cursor: pointer;
	line-height: 1.6rem;
}
.design-radio label::before {
	position: absolute;
	content: '';
	top: 50%;
	left: 0;
	border-radius: 100%;
}
#container input[type="radio"]:checked + label::after {
	position: absolute;
	content: '';
	top: 50%;
	border-radius: 100%;
}


/* セレクトメニュー */
.selectmenu {
	overflow:hidden;
	position: relative;
	padding: 0 !important;
}
.half-select:after {
	background: url(../img/common/arrow-pull2.png) no-repeat top right;
	background-size: contain;
	width: 20px;
	height: 36px;
}
.selectmenu select {
	width: 100%;
	-webkit-appearance: none;
	outline: none;
	cursor: pointer;
	padding: 0 30px 0 10px;
	border: 0;
	border-radius: 5px 8px 8px 5px;
	background: url(../img/common/arrow-pull.png) no-repeat center right 10px, #DEE5E5;
    background-size: 10px;
	height: 4.4rem;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 400;
	font-size: 15px;
	font-size: 1.5rem;
	color: #02414C;
}
#container select {
  -moz-appearance: none;
  text-indent: 0.01px;
  text-overflow: '';
}

/* お知らせのカテゴリー色 */
.cate {
	padding: 0 1rem;
	display: inline-block;
	border-radius: 3rem;
	color: #fff;
	letter-spacing: 0.1rem;
	min-width: 7.65rem;
	text-align: center;
}

/* 商品番号 */
.code {
	display: inline-block;
	font-size: 12px;
	font-size: 1.2rem;
}

/* テーブル */
table.default,
.table-default {
	width: 100%;
}
table.default th,
.table-default .thead .td {
	padding: 0.8rem 0;
	white-space: nowrap;
	text-align: center;
	font-weight: bold;
	min-width: 80px;
}
table.default td,
.table-default .td {
	vertical-align: middle;
	padding: 1.5rem !important;
	text-align: left;
}
table.default th:first-of-type, table.default td:first-of-type,
.table-default .thead .td:first-of-type, .table-default .thead .td:first-of-type { border-left: none; }

/* cssでtable対応 */
.table {
	display: table;
	table-layout: fixed;
}
.table-full { width: 100%; }
.tr { display : table-row; }
.th, .td { display: table-cell; }
.th {
	white-space: nowrap;
	text-align: right;
}
.td {
	text-align: left;
	vertical-align: top;
}
.td img { vertical-align: top; }

/* タブメニュー */
.tab_wrap {
	background: #F9F8F8;
	padding: 1rem 8px;
	width: 100%;
}
.tab {
	display: table;
	margin: 0 auto;
	border-collapse: separate;
	table-layout: fixed;
	border-spacing: 10px 0;
	width: 100%;
}
.tab li {
	display: table-cell;
	width: 100%;
	line-height: 4.2rem;
	letter-spacing: 0.1rem;
}
.tab .active.btn-dash {
	border-color: #fff;
	background: #CCCCCC;
    -webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    -o-transition: all 0.1s linear;
    -ms-transition: all 0.1s linear;
    transition: 0.1s linear;
}
.tab .active.btn-dash a { color: #fff; }

/* colorbox */
.colorbox {
    background: #fff;
    line-height: 2.6rem;
    background: #F6F5F2;
    padding: 2rem;
    color: #313130;
}
.colorbox h3 {
	margin: 0rem 0 1.5rem;
    text-align: center;
    color: #FA4737;
}
.colorbox ol {
    display: inline-block;
    text-align: left;
	margin-left: 2rem;
}
.colorbox ol li {
    margin-bottom: 1.5rem;
    font-weight: bold;
}
.colorbox ol li p {
    font-weight: 500;
    color: #000;
    font-size: 15px;
    font-size: 1.5rem;
}

/* frame */
.frame {
    text-align: center;
    padding: 2.5rem 1.5rem;
    color: #fff;
    background: rgba(2,33,38,.16);
    border: 1px solid rgba(255,255,255,.4);
}

/* slider */
.bx-viewport li { min-height: 1px; min-width: 1px; }
.bx-clone {display: none;}

/* flex */
.flex-parents {
	display:-webkit-box;
  	display:-ms-flexbox;
	display: flex;
}

/*=========================================
		header
=========================================*/
/* 注意事項 */
.note {
	font-size: 14px;
	font-size: 1.4rem;
}
.caution-box {
    padding: 2rem 0;
    line-height: 2.6rem;
    background: #fff;
    border-radius: 5px;
    border: 4px solid #bf4343;
	color: #BF1919;
}
.caution-box h3 {
	color: #BF1919;
	margin-bottom: 1rem;
	border-bottom: 3px dotted #E4E4D4;
	padding: 0 2rem;
	padding-bottom: 0.5rem;
	text-align: center;
}
.caution-box .caution { font-weight: 500; }
.caution-box ol, .caution-box ul { padding: 0 4rem; }
.caution-box ol li, .caution-box ul li { margin-top: 2rem; }
.caution-box ul li { list-style: disc; }

/* 検索メニュー */
.search dl {
	border: none;
	width: 100%;
	padding: 1.2rem 0;
}
.search dl dt {
	width: 141px;
	margin-right: 0;
	text-align: right;
	vertical-align: middle;
}
.search input[type="text"] { width: 100%; }
.search dl.price div { float: left; }
.search dl.price .selectmenu { width: calc(50% - 17px); }
.search dl.price .nyoro { display: inline-block; }
.search dl.price .nyoro p { line-height: 3.6rem; }

/* リスト */
.list-disc {
	list-style: disc;
	margin-left: 1.5em;
}
.list-square {
	list-style: square;
	margin-left: 1.5em;
}
.list-kakko li {
	list-style-type: none;
	counter-increment: cnt;
}
.list-kakko li::before { content: "(" counter(cnt) ") "; }


/*=========================================
		cssハック
=========================================*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.pan li { padding-top: 5px; }
	.pan li span { bottom: 3px; }
	.t-22 { line-height: 2.4rem; }
}

@media screen and (max-width: 959px) {
	.pc { display: none !important; }
}

@media screen and (min-width: 768px) {
	.sp { display: none !important; }

	.caption { text-align: center; }
}

@media screen and (min-width: 769px) {
	.padsp { display: none !important; }
	.pad { display: none !important; }
}

@media screen and (max-width: 767px) {
	.pcpad { display: none !important; }

	/* 文字 */
	h1 {
		font-size: 60px;
		font-size: 6rem;
	}
	h2 {
		font-size: 44px;
		font-size: 4.4rem;
	}
	h3 {
		font-size: 26px;
		font-size: 2.6rem;
	}
	h4 {
		font-size: 20px;
		font-size: 2rem;
	}
	h5 {
		font-size: 18px;
		font-size: 1.8rem;
	}
	h6 {
		font-size: 16px;
		font-size: 1.6rem;
	}
	.t-10,.t-11,.t-12,.t-13,.t-14 {
		font-size: 15px;
		font-size: 1.5rem;
	}
	.t-28 {
		font-size: 24px;
		font-size: 2.4rem;
	}
	.t-30 {
		font-size: 26px;
		font-size: 2.6rem;
	}
	.t-32 {
		font-size: 28px;
		font-size: 2.8rem;
	}
	.t-34 {
		font-size: 30px;
		font-size: 3rem;
	}
	.t-36 {
		font-size: 30px;
		font-size: 3rem;
	}
	.t-42 {
		font-size: 30px;
		font-size: 3rem;
	}
	.t-48 {
		font-size: 34px;
		font-size: 3.4rem;
	}
	.t-50 {
		font-size: 36px;
		font-size: 3.6rem;
	}
	.t-56 {
		font-size: 42px;
		font-size: 4.2rem;
	}

	/* 余白 */
	.mt-80 { margin-top: 5.6rem !important; }
	.mt-70 { margin-top: 4.9rem !important; }
	.mt-60 { margin-top: 4.2rem !important; }
	.mt-50 { margin-top: 3.5rem !important; }
	.mt-40 { margin-top: 2.8rem !important; }
	.mt-30 { margin-top: 2.1rem !important; }
	.mt-20 { margin-top: 1.4rem !important; }
	.mt-5 { margin-top: 0.35rem !important; }
	.mb-80 { margin-bottom: 5.6rem !important; }
	.mb-70 { margin-bottom: 4.9rem !important; }
	.mb-60 { margin-bottom: 4.2rem !important; }
	.mb-50 { margin-bottom: 3.5rem !important; }
	.mb-40 { margin-bottom: 2.8rem !important; }
	.mb-30 { margin-bottom: 2.1rem !important; }
	.mb-20 { margin-bottom: 1.4rem !important; }
	.mb-10 { margin-bottom: 0.7rem !important; }
	.mb-5 { margin-bottom: 0.35rem !important; }

	.pt-80 { padding-top: 5.6rem !important; }
	.pt-70 { padding-top: 4.9rem !important; }
	.pt-60 { padding-top: 4.2rem !important; }
	.pt-50 { padding-top: 3.5rem !important; }
	.pt-40 { padding-top: 2.8rem !important; }
	.pt-30 { padding-top: 2.1rem !important; }
	.pt-20 { padding-top: 1.4rem !important; }
	.pt-10 { padding-top: 0.7rem !important; }
	.pt-5 { padding-top: 0.35rem !important; }
	.pb-80 { padding-bottom: 5.6rem !important; }
	.pb-70 { padding-bottom: 4.9rem !important; }
	.pb-60 { padding-bottom: 4.2rem !important; }
	.pb-50 { padding-bottom: 3.5rem !important; }
	.pb-40 { padding-bottom: 2.8rem !important; }
	.pb-30 { padding-bottom: 2.1rem !important; }
	.pb-20 { padding-bottom: 1.4rem !important; }
	.pb-10 { padding-bottom: 0.7rem !important; }
	.pb-5 { padding-bottom: 0.35rem !important; }

	/* スマホの時のみ余白 */
	.smt-40 { margin-top: 40px !important; }
	.smt-0 { margin-top: 0 !important; }
	.smb-0 { margin-bottom: 0 !important; }
	.spb-0 { padding-bottom: 0 !important; }

	/*=========================================
			parts
	=========================================*/
	/* ボタン */
	.btn_wrap p a { padding: 15px 11px; }
	.btn_wrap p a {
		font-size: 16px;
		font-size: 1.6rem;
	}

	/* テーブル */
	table.default td { padding: 1.5rem 1rem !important; }

	/* 入力フォーム */
	input.big-input { width: 100%; }
	input.min-input { width: 5em; }

	/* お知らせ */
	span.type-news, span.type-event, span.type-important, span.area {
		height: 24px;
		line-height: 2.4rem;
	}

	/* colorbox */
	.colorbox > p {
		text-align: left !important;
		display: inline-block;
	}
	.colorbox p.btn { width: 100%; }

	/* ポイント */
	.point ol, .point ul { padding: 0 3rem; }

	/* 説明文 */
	.caption { margin-top: 2rem; }

	/* 注意事項 */
	.caution-box ol, .caution-box ul { padding: 0 3rem; }
	.caution-box ol li, .caution-box ul li { margin-top: 1rem; }
}

@media screen and (max-width: 480px) {
	.pad { display: none !important; }

	.td { display: block; }
	.table-abs .td { display: table-cell; }

	/* thanks-comment */
	.thanks-comment { text-align: left; }

	/*=========================================
			parts
	=========================================*/
	/* ボタン */
	.btn_wrap p a { padding: 18px 11px; }

	/* テーブル */
	table.default th, table.default td { display: inline-block; }
	table.default th { padding: 0.8rem 5px; }
}


/**************************************************
		/assets/css/common.css
**************************************************/
.button a {
	width: 100%;
	height: 100%;
}

/* ===== Setting ===== */
@media print, screen and (min-width: 768px) {
  #container a, #container a::before, #container a::after, #container a *::before, #container a *::after, #container button, #container input[type="submit"] {
    transition: background-image 0.3s, background-color 0.3s, border-color 0.3s, color 0.3s, opacity 0.3s;
  }
}
/*@media only screen and (min-width: 768px) and (max-width: 1200px) {
  html {
    font-size: 0.833vw;
  }
}
@media screen and (min-width:1200px) and (max-width: 1639px) {
  html {
    font-size: 0.61vw;
  }
}*/

/* base-width */
.base-width {
	padding: 0 2rem;
	margin: 0 auto;
}
@media screen and (min-width: 768px) {
	.base-width { max-width: 137rem;}
}