/* カスタマイズ用CSS */
/*-------------------■共通-------------------*/
/* パソコンで見たとき"pc"のclassがついた部分が表示される */
.pc{display: block;}
.sp{display: none;}
/* スマホで見たとき"sp"のclassがついた部分が表示される */
@media only screen and (max-width: 750px) {
.pc { display: none; }
.sp { display: block; }
}

.img-s{/*画像サイズ縮小*/
width: 50%;
display: block;
    margin-left: auto;
    margin-right: auto;
}


/* 画像をホバーした */
img.category_button:hover{
 
	/* 透明度を上げることで、画像の色を薄く見せる。*/
	opacity:0.5;
 
	/* リンクをホバーしたときのカーソルにする。*/
	cursor: pointer;
}
 
/* 画像をクリックした瞬間 */
img.category_button:active{
 
	/* 要素を若干下に下げることで、押した感じを出す。*/
 
	/* 今いる位置から相対的に3px下に配置する。*/
	position: relative;
	top: 3px;
 
}

.box01 {/*無料見積もりフォーム用*/
  border: 5px double #aaa;
  padding: 1em;
  text-align: center;
}

.img-m{/*画像サイズ縮小*/
width: 80%;
display: block;
    margin-left: auto;
    margin-right: auto;
}

.img-ss{/*画像サイズ縮小*/
width: 10%;
display: block;
    margin-left: auto;
    margin-right: auto;
}

.img-size{/*画像サイズ縮小*/
display: block;
    height: auto;
    width: 80%;

}

a.btn_1 {/*グラデボタン*/
background: #575A5E;
background: -webkit-gradient(linear, left top, left bottom, from(#575A5E), to(#000000));
background: -webkit-linear-gradient(top, #575A5E 0%, #000000 100%);
background: linear-gradient(to bottom, #575A5E 0%, #000000 100%);
color: #fff;/*色*/
padding: 10px 30px 10px 30px;
font-size:18px;
margin-top: 15px;
font-weight:bold;
border: 1px solid #c5bb8c;
border-radius:5px;/*角丸*/
letter-spacing: 1px;
width:100%;
/*font-family: serif;*//*明朝体 ゴシックにしたい場合はコメントアウト*/
}
a.btn_1:hover {/*グラデボタン hover（クリックしたとき）*/
background: -webkit-gradient(linear, left bottom, left top, from(#575A5E), to(#000000));
background: -webkit-linear-gradient(bottom, #575A5E 0%, #000000 100%);
background: linear-gradient(to top, #575A5E 0%, #000000 100%);
color: #fff;/*色*/
border: 1px solid #7e7b4c;
/*font-family: serif;*//*明朝体 ゴシックにしたい場合はコメントアウト*/
}

/*---スマホ用---*/
@media only screen and (max-width: 750px) {
a.btn_1 {/*グラデボタン*/
width:100%;
padding: 10px 10px 10px 10px;
font-size:16px;
}
}
/*---PC用---*/
a.btn {/*ボタン*/
/*background: #726956;*/
background-image: url('/html/user_data/assets/img/common/bg-title.jpg');/*背景画像を使用したい場合*/
color: #000;/*色*/
padding: 10px 30px 5px 30px;
font-size:16px;
margin-top: 15px;
font-weight:bold;
border: 1px solid #DFE0E0;
border-radius:0 ;/*角丸*/
letter-spacing: 1px;
width:100%;
/*font-family: serif;*//*明朝体 ゴシックにしたい場合はコメントアウト*/
}
a.btn:hover {/*ボタン hover（クリックしたとき）*/
/*background: #644D4C;*/
background-image: url('/html/user_data/assets/img/common/bg-title.jpg');/*背景画像を使用したい場合*/
color: #000;/*色*/
border: 1px solid #ccc;
/*font-family: serif;*//*明朝体 ゴシックにしたい場合はコメントアウト*/
}

/*---スマホ用---*/
@media only screen and (max-width: 750px) {
a.btn_2 {/*ボタン*/
padding: 10px 10px 5px 10px;
font-size:16px !important;
}
}

/*-------------------■ボタンカスタム-------------------*/

a.btn_05 {
	display: block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	width: auto;
	margin: auto;
	padding: 1rem 4rem;
	font-weight: bold;
	border-radius: 0.3rem;
	border-bottom: 7px solid #7895B2;
	background: #F04848;
	color: #fff;
}
a.btn_05:hover {
	margin-top: 6px;
	border-bottom: 1px solid #7895B2;
	color: #fff;
}

a.btn_23 {/*横にホバー赤→白*/
	display: block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	width: auto;
	margin: auto;
	padding: 1rem 4rem;
	font-weight: bold;
	border: 2px solid #F04848;
	color: #fff;
	cursor: pointer;
	position: relative;
 	overflow: hidden;
 	z-index: 1;
 	background-color: #F04848;
}
a.btn_23::before {/*横にホバー赤→白*/
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color:#fff;
	transform: translateX(-100%);
	transition: all .3s;
	z-index: -1;
}
a.btn_23:hover::before {/*横にホバー赤→白*/
	transform: translateX(0);
}
a.btn_23:hover {/*横にホバー赤→白*/
	color: #F04848;
}

a.btn_24 {/*横にホバー青→白*/
	display: block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	width: auto;
	margin: auto;
	padding: 1rem 4rem;
	font-weight: bold;
	border: 2px solid #27acd9;;
	color: #fff;
	cursor: pointer;
	position: relative;
 	overflow: hidden;
 	z-index: 1;
 	background-color: #27acd9;;
}
a.btn_24::before {/*横にホバー青→白*/
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color:#fff;
	transform: translateX(-100%);
	transition: all .3s;
	z-index: -1;
}
a.btn_24:hover::before {/*横にホバー青→白*/
	transform: translateX(0);
}
a.btn_24:hover {/*横にホバー青→白*/
	color: #27acd9;;
}

a.btn_04 {/*マウスオーバーで茶色→白*/
	display: block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	width: 90%;
	margin: auto;
	padding: 1rem 4rem;
	font-weight: bold;
	border: 2px solid #693c00;
	background: #693c00;
	color: #fff;
	border-radius: 100vh;
	transition: 0.5s;
}
a.btn_04:hover {/*マウスオーバーで茶色→白*/
	color: #693c00;
	background: #fff;
}


/*-------------------■ご利用ガイドページカスタム-------------------*/

.ec-off1Grid .ec-off1Grid__cell{
    position: relative;
    min-height: 1px;
    margin-left: 0%;
    width: 100%;
}

/*-------------------■見出しカスタム-------------------*/

.heading1023 {
	border-top: double 4px #FFD9D7;
	border-bottom: double 4px #FFD9D7;
	padding: 0.5rem 0;
	}

.heading06 {/*下に線*/
	display: inline;
	font-size: 26px;
	background-image: linear-gradient(rgba(0,0,0,0) 70%, rgb(250,235,215) 70%);
}


.heading04 {
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 26px;
	text-align: center;
}

.heading04::before,
.heading04::after {
	content: '';
	width: 3px;
	height: 40px;
	background-color: #FFD9D7;
}

.heading04::before {
	margin-right: 30px;
	transform: rotate(-35deg)
}
.heading04::after {
	margin-left: 30px;
	transform: rotate(35deg)
}

.heading-021 {/*見出しカスタム*/
position: relative;
    border-top: 3px solid #693c00;
    border-bottom: 3px solid #693c00;
    color: #333333;
    text-align: center;
    padding: 16px 10px 16px;
    width: 100%;
    min-height: 50px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 40px;
}

.heading-021:before {
  content: "";
  position: absolute;
  bottom: -24px;
  left: 50%;
  margin-left: -15px;
  border: 12px solid transparent;
  border-top: 12px solid #FFF;
  z-index: 2;
}

.heading-021:after {
  content: "";
  position: absolute;
  bottom: -30px;
  left: 50%;
  margin-left: -17px;
  border: 14px solid transparent;
  border-top: 14px solid #693c00;
  z-index: 1;
}

.heading-021 p {
  margin: 0;
  padding: 0;
}

/*-------------------■吹き出しカスタム-------------------*/

/* 吹き出し本体 */
.balloon{
  position: relative;
  padding: 20px;
  background-color: #ffadad;
  border: 2px solid #ca8888;
}

/* beforeで枠線の三角を表現 */

/* アイコンを下に表示 */
.balloon::before{
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  left: 20px;
  bottom: -15px;
  border-top: 15px solid #ca8888;
  border-right: 15px solid transparent;
  border-left: 15px solid transparent;
}
.balloon::after{
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  left: 20px;
  bottom: -12px;
  border-top: 15px solid #ffadad;
  border-right: 15px solid transparent;
  border-left: 15px solid transparent;
}


.heading-022 {/*見出しカスタム　吹き出しカラー*/
position: relative;
    border-top: 3px solid #693c00;
    border-bottom: 3px solid #693c00;
    color: #333333;
    text-align: center;
    padding: 16px 10px 16px;
    width: 100%;
    min-height: 50px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 40px;
}

.heading-022:before {
  content: "";
  position: absolute;
  bottom: -24px;
  left: 50%;
  margin-left: -15px;
  border: 12px solid transparent;
  border-top: 12px solid #F4F2EF;
  z-index: 2;
}

.heading-022:after {
  content: "";
  position: absolute;
  bottom: -30px;
  left: 50%;
  margin-left: -17px;
  border: 14px solid transparent;
  border-top: 14px solid #693c00;
  z-index: 1;
}

.heading-022 p {
  margin: 0;
  padding: 0;
}

.heading-020 {/*見出し斜線背景*/
    padding: .5em .7em;
    background-image: repeating-linear-gradient(-45deg, #F4F2EF, #F4F2EF 3px, #ffffff 3px, #ffffff 7px);
    color: #333333;
}
.title-main {/*大見出し文字*/
    font-size: 22px;
    letter-spacing: 0.1em;
    font-family: 'Zen Kaku Gothic New', sans-serif;
}

.title-main02 {/*大見出し文字センター*/
    font-size: 22px;
    letter-spacing: 0.1em;
    text-align: center;
}

.title-mainvs {/*大見出し文字*/
    font-size: 22px;
    letter-spacing: 0.1em;
    font-family: 'Zen Kaku Gothic New', sans-serif;
    text-align: center;
    color: #000;
}

.title-note {/*小見出し文字*/
    font-size: 12px;
    letter-spacing: 0.1em;
}

.title-main02 {/*大見出し文字*/
    font-size: 22px;
    /*letter-spacing: 0.1em;*/
    font-family: 'Zen Kaku Gothic New', sans-serif;
    color:#000;
}


.balloon2 {/*下向き吹き出し*/
  position: relative;
  /*display: inline-block;*/
  margin: 1.5em 0;
  padding: 7px 10px;
  min-width: 120px;
  max-width: 100%;
  color: #000;
  font-size: 16px;
  background: #fafad2;
  border: solid 0px #555;
  box-sizing: border-box;
  border-radius: 15px;
  text-align: center;
}

.balloon2:before {
  content: "";
  position: absolute;
  bottom: -24px;
  left: 50%;
  margin-left: -15px;
  border: 12px solid transparent;
  border-top: 12px solid #fafad2;
  z-index: 2;
}

.balloon2:after {
  content: "";
  position: absolute;
  bottom: -30px;
  left: 50%;
  margin-left: -17px;
  border: 14px solid transparent;
  border-top: 0px solid #fafad2;
  z-index: 1;
}

.balloon2 p {
  margin: 0;
  padding: 0;
}

/*-------------------■上部共通　ヘッダー-------------------*/
.text01{/*ヘッダー一番最初のテキスト*/
width:100% !important;
margin: 0 auto;
padding-left: 40px;
padding-right: 40px;
padding-top:5px;
padding-bottom:5px;
background-color:#AAA186;
color:#fff;
font-weight:bold;
}
.ec-headerNaviRole .ec-headerNaviRole__left h1{/*ロゴ*/
padding-right:0 !important;
margin-top:0 !important;
}
.ec-headerNav .ec-headerNav__itemLink{/*「会員登録」等のテキスト*/
font-size: 12px;
margin-right: 5px;
}
.ec-headerRole{/*ロゴ全体*/
padding-top: 0;
}
.ec-headerNaviRole .ec-headerNaviRole__nav{/*「会員登録」等全体*/
padding-left:20px;  
}
.ec-headerNav .ec-headerNav__itemIcon{/*「会員登録」等のアイコン*/
margin-left: 0px;
font-size: 18px;
}
.ec-headerNaviRole .ec-headerNaviRole__search{/*検索枠全体margin-top:5px;*/
margin-top:5px;
}
/*---PC用---*/
@media only screen and (min-width: 768px){
.ec-cartNavi{/*カート*/
border-radius:0;
width:140px !important;
float: right;
}
.ec-headerNaviRole{/*ヘッダー全体 PC*/
padding-bottom:10px;
padding-top: 7px;
}

.ec-cartNaviIsset,
.ec-cartNaviNull{/*ヘッダーカート中身 PC*/
margin-top: 55px;
}
.tel_jikan,
.tel_jikan a{/*ヘッダー電話番号 PC*/
text-align: center;
font-size: 30px;
line-height: 30px;
font-weight: bold;
color: #D61518;
text-decoration: none;
padding-top:10px;
}
.tel_jikan a span{/*ヘッダー営業時間 PC*/
font-size: 17px;
color: #000;
}
}
/*---スマホ用---*/
@media only screen and (max-width: 750px) {
.logo-sp{/*ロゴ全体　スマホ*/
 width:70%;
 margin: 0 auto;
}
.logo-sp img{
width: 100%;
}
.tel_jikan,
.tel_jikan a{/*ヘッダー電話番号 スマホ*/
font-weight: bold;
text-align: center;
font-size: 18px;
line-height:0.8;
text-decoration: none;
color: #D61518;
padding-top:10px !important;
padding-bottom:10px !important;
/*border-bottom:2px solid #D61518;*/
}
.tel_jikan a span{/*ヘッダー営業時間 スマホ*/
font-size: 12px;
color:#000;
font-weight:normal;
}
}

/*-------------------■下部共通　営業日カレンダー・問い合わせ-------------------*/

.ec-layoutRole__footer{
    background-color: #fff;
    margin: 0;
}

.footercalendar_all{/*カレンダー・問い合わせ全体*/
/*border: 1px solid #fff;*/
width: 100%;
padding: 10px  0px 0px 0px;
margin-top:80px;
background-color:#fff;
}
.ec-calendar .ec-calendar__mon,
.ec-calendar .ec-calendar__tue,
.ec-calendar .ec-calendar__wed,
.ec-calendar .ec-calendar__thu,
.ec-calendar .ec-calendar__fri,
.ec-calendar .ec-calendar__sat,
.ec-calendar .ec-calendar__sun{/*カレンダー曜日*/
font-weight: bold;
/*background: #fff;*/
/*font-family: serif;/*明朝体 ゴシックにしたい場合はコメントアウト*/
}
.ec-calendar .ec-calendar__sat{/*カレンダー 土曜日*/
color:#2a46c1;
}
#this-month-title,
#next-month-title{/*カレンダー年月*/
/*font-family: serif;*//*明朝体 ゴシックにしたい場合はコメントアウト*/
font-weight: bold;
}
.ec-calendar .ec-calendar__today{/*営業日*/
background: #fff;
}
.ec-calendar .ec-calendar__today::before{/*営業日*/
background: #f9e4a3;
}
.ec-calendar__title{/*カレンダー 〇年〇月*/
color: #644d4c;
}
/*---PC用---*/
.telcontact_btnall h2{/*お気軽にお問い合わせください PC*/
font-size: 24px;
color: #000;
font-weight: bold;
margin-bottom: 10px;
/*font-family: serif;*//*明朝体 ゴシックにしたい場合はコメントアウト*/
}
.telcontact_btnall p{/*お気軽にお問い合わせください下文章*/
font-size: 16px;
color: #290000;
margin-bottom: 10px;
/*font-family: serif;*//*明朝体 ゴシックにしたい場合はコメントアウト*/
}
.telcontact_btnall .telcontact_2column_l{/*問い合わせ列左 PC*/
width: 58%;
float: left;
}
.telcontact_btnall .telcontact_2column_r{/*問い合わせ列右 PC*/
width: 42%;
float: left;
}
.telcontact_btnall{/*電話番号・問い合わせボタン全体 PC*/
width: 50%;
float: left;
}
.button_tel a{/*電話ボタン*/
width: 100%;
display: inline-block;
text-align: center;
margin: 0 auto 15px auto;
padding: 10px 25px;
color: #FFF;
font-weight: bold;
transition: 0.3s ease-in-out;
font-size: 20px;
background: #880000;
filter: drop-shadow(0px 2px 4px #ccc);
border-radius:5px;/*角丸*/
letter-spacing: 1px;
border: 1px solid #C5BB8C;
/*font-family: serif;*//*明朝体 ゴシックにしたい場合はコメントアウト*/
line-height: 1;
}
.button_contact a{/*問い合わせボタン*/
width: 100%;
display: inline-block;
text-align: center;
margin: 0 auto 15px auto;
padding: 10px 25px;
color: #FFF;
font-weight: bold;
transition: 0.3s ease-in-out;
font-size: 20px;
background: #11164e;
filter: drop-shadow(0px 2px 4px #ccc);
border-radius:5px;/*角丸*/
letter-spacing: 1px;
border: 1px solid #C5BB8C;
/*font-family: serif;*//*明朝体 ゴシックにしたい場合はコメントアウト*/
line-height: 1;
}
.button_tel a span,
.button_contact a span{/*電話ボタン span内*//*問い合わせボタン span内*/
font-size: 16px;
}
.button_tel a:after,
.button_contact a:after{/*電話ボタン リンク後*//*問い合わせボタン リンク*/
position: absolute;
top: 50%;
right: 20px;
transform: translateY(-50%);
}
.button_tel a:hover,
.button_contact a:hover{/*電話ボタン カーソルあわせたとき*//*問い合わせボタン カーソルあわせたととき*/
transform: translateY(-2px);
box-shadow: 0 15px 30px -5px rgb(0 0 0 / 15%), 0 0 5px rgb(0 0 0 / 10%);
text-decoration: none;
}
.footercalendar_all .ec-calendar h2{/*営業日カレンダータイトル*/
flex-direction:none;
font-size: 24px;
font-weight: bold;
/*letter-spacing: .1em;*/
color: #000;
/*border-left: 7px solid #E60012;*/
padding-left: 20px;
/*font-family: serif;*//*明朝体 ゴシックにしたい場合はコメントアウト*/
}
.footercalendar_all .ec-calendar .red_c{/*赤字文章*/
width: 100%;
flex-direction:none;
font-size: 14px;
color: #E60012;
font-weight: bold;
padding-left: 20px;
/*font-family: serif;*//*明朝体 ゴシックにしたい場合はコメントアウト*/
text-align: left;
}
.ec-calendar__month{/*カレンダーtable*/
margin-left:15px;
margin-right: 15px;
margin-top: 15px;
}
.ec-calendar{/*カレンダーtable全体 PC*/
flex-direction:none;
width: 50%;
float: left;
margin-left:0;
display: flex;
    flex-wrap: nowrap;
/*font-family: serif;*//*明朝体 ゴシックにしたい場合はコメントアウト*/
}
/*---スマホ用---*/
@media only screen and (max-width: 750px) {
.telcontact_btnall{/*問い合わせ全体*/
width: 100%;
clear: both;
}
.telcontact_btnall .telcontact_2column_l,
.telcontact_btnall .telcontact_2column_r{/*問い合わせ列左右 スマホ*/
width: 100%;
clear: both;
}
.telcontact_btnall .telcontact_2column_l img,
.telcontact_btnall .telcontact_2column_r img{/*問い合わせ画像 スマホ*/
width: 100%;
padding:0 15%;
}
.telcontact_btnall h2{/*お気軽にお問い合わせください スマホ*/
font-size: 22px;
color: #000;
font-weight: bold;
margin-bottom: 10px;
text-align: center;
}
.telcontact_btnall{/*電話番号・問い合わせボタン全体 スマホ*/
width: 100%;
clear: both;
}
.footercalendar_all .ec-calendar h3{/*営業日カレンダータイトル*/
width: 100%;
flex-direction:none;
font-size: 22px;
font-weight: bold;
letter-spacing: .1em;
color: #000;
border-left: 7px solid #E60012;
text-align: center;
padding-left: 0;
/*font-family: serif;*//*明朝体 ゴシックにしたい場合はコメントアウト*/
margin-bottom: 5px;
    }

.footercalendar_all .ec-calendar .red_c{/*赤字文章*/
width: 100%;
flex-direction:none;
font-size: 14px;
color: #E60012;
font-weight: bold;
padding-left: 0;
/*font-family: serif;*//*明朝体 ゴシックにしたい場合はコメントアウト*/
text-align: center;
}
.ec-calendar__month{/*カレンダーtable*/
margin-left:15px;
margin-right: 15px;
margin-top: 10px;
}
.ec-calendar{/*カレンダーtable全体 スマホ*/
flex-direction:none;
width: 100%;
clear: both;
margin-left:0;
margin-top:0;
}
}

/*-------------------■下部共通（ストア情報 送料など）-------------------*/
.ec-layoutRole__contents_store{/*ストア情報全体①*/
max-width: 1150px;
margin: 30px auto 0 auto;
display: flex;/*子要素いっぱいにheightをのばす*/
background-color: #fff;
}
.freeshipping{/*送料無料*/
width: 100%;
padding:10px 5px !important;
margin: 5px 15px 5px 0 !important;
color:#d40000 !important;
border-radius: 5px;
/*text-shadow: 1px 1px 0px #444;*/
background:#FBEDC1;
/*border: 1px solid #B23E35;*/
font-weight: bold;
text-align: center;
font-size:16px !important;
/*font-family: sans-serif !important;*//*明朝体 ゴシックにしたい場合はコメントアウト*/
}
/*---PC用---*/
.footerstore_all{/*ストア情報全体②*/
width: 100%;
padding: 40px 20px 40px 20px;
background-color: #fff;
background-image: repeating-linear-gradient(-45deg, #F4F2EF, #F4F2EF 3px, #ffffff 3px, #ffffff 7px);
color: #333333;
border-radius:5px;/*角丸*/
margin-bottom:50px;
}

.store3column{/*列 PC*/
width: calc(100% / 3);
float: left;
}
.store3column img{/*画像*/
margin-bottom: 5px;
}
.store3column h3{/*タイトル（大見出し）*/
font-size: 22px;
font-weight: bold;
letter-spacing: .1em;
color: #290000;
/*border-left: 7px solid #E60012;*/
padding: 0 15px 0 7px;
/*font-family: serif;*//*明朝体 ゴシックにしたい場合はコメントアウト*/
}
.store3column h4{/*タイトル（小見出し）*/
font-size: 16px;
font-weight: bold;
letter-spacing: .1em;
color: #290000;
margin-top: 15px;
margin-bottom: 5px;
padding: 0 15px 0 7px;
/*font-family: serif;*//*ゴシック体 明朝体にしたい場合はコメントアウト*/
}
.store3column p{/*文章*/
font-size: 14px;
color: #290000;
padding: 0 15px 0 7px;
/*font-family: serif;*//*明朝体 ゴシックにしたい場合はコメントアウト*/
}
.store3column p span{/*文章 span内*/
font-size: 12px;
color: #290000;
/*font-family: serif;*//*明朝体 ゴシックにしたい場合はコメントアウト*/
}
/*---スマホ用---*/
@media only screen and (max-width: 750px) {
.footerstore_all{/*ストア情報全体②*/
width: 100%;
padding: 0px 20px 20px 20px;
background-color: #fff;
border-radius:5px;/*角丸*/
}
.store3column{/*列 スマホ*/
width:100%;
clear: both;
}
.store3column h3{/*タイトル（大見出し）*/
font-size: 22px;
font-weight: bold;
letter-spacing: .1em;
color: #290000;
/*border-left: 7px solid #E60012;*/
padding: 0 15px 0 7px;
/*font-family: serif;*//*明朝体 ゴシックにしたい場合はコメントアウト*/
text-align: center;
}
}

/*-------------------■下部共通（バナースペース）-------------------*/
/*---PC用---*/
.footbanner_all{/*バナー枠全体*/
display: table;
width: 100%;
max-width: 1150px;
margin:20px auto 0 auto; 
}
.footbanner_all div{/*列*/
display: table-cell;
width: 50%;
}
.footbanner_all div img{/*列内画像*/
width:99%;
margin:0 auto 0 auto; 
}
@media only screen and (max-width: 750px) {
.footbanner_all{/*バナー枠全体 スマホ（スマホで非表示）*/
display: none;
}
}
/*---スマホ用---*/
@media only screen and (max-width: 750px) {
.footbanner_s_all{/*バナー枠全体*/
width: 96%;
margin:20px auto 0 auto; 
display:block;
}
.footbanner_s_all div{/*列*/
width: 100%;
margin:0 auto 3% auto;
}
.footbanner_s_all div img{/*列内画像*/
width:100%;
}
}
@media screen and (min-width: 751px) {/*751px以上の場合*/
.footbanner_s_all{/*バナー枠全体 PC（PCで非表示）*/
display: none;
}
}

/*-------------------■下部共通　フッター-------------------*/
.ec-footerRole{/*フッター全体*/
/*background:#fff;*/
background-image: url('/html/user_data/assets/img/common/footer_haikai.png');/*背景画像を使用したい場合
/*border-top: 1px solid #E8E9E9;*/
margin-top: 0px;

}
.ec-footerNavi {/*ナビゲーションリンク*/
padding: 0;
color:#2b2b2b;
list-style: none;
text-align: center;
font-weight: bold;
}
.ec-footerRole .ec-footerRole__inner{/*フッターリンク*/
line-height: 1.8;
font-weight: bold;
}
.ec-footerRole .ec-footerRole__inner img{/*フッター画像 PC*/
width: auto;
margin: 0 auto;
}
@media only screen and (max-width: 750px) {
.ec-footerRole .ec-footerRole__inner img{/*フッター画像 スマホ*/
width: 75%;
margin: 0 auto;
}
}
.ec-footerRole h2{/*フッター会社名*/
text-align: center;
font-weight: bold;
font-size: 18px;
color: #2b2b2b;
}
.ec-footerTitle__copyright{/*copyright*/
color: #2b2b2b;
}
.ec-footerTitle{
    padding: 0px 0 0px;
}

/*-------------------■トップ-------------------*/
/*---PC用---*/
.ec-layoutRole .ec-layoutRole__contents{/*メインイメージ全体①*/
    max-width:100%;
}
.ec-sliderRole{/*メインイメージ全体②*/
    max-width:100% !important;
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 0;
}
.slick-slider{/*メインイメージ全体③*/
margin-bottom:0;
}
.slick-track,
.slick-slide{/*メインイメージ全体④⑤*/
/*width:100% !important;*/
}

.ec-secHeading{/*トップタイトル PC*/
color: #000;
text-align: center;
margin-bottom: 25px;
line-height:normal;
/*font-family: serif;*//*明朝体 ゴシックにしたい場合はコメントアウト*/
}
.ec-secHeading .ec-secHeading__en{/*トップタイトル PC*/
display: block;
font-size: 24px;
letter-spacing: -0.1px;
line-height:1.5;
font-family: serif;/*明朝体 ゴシックにしたい場合はコメントアウト*/
}
.hot{/*タイトル横 HOT*/
font-size: 20px;
padding: 1.2em 0.6em;
letter-spacing: .1em;
color: #fff;
font-weight: 900;
border-radius: 50%;
box-shadow:inset 0px 1px 0px 0px #F2C593;
background:linear-gradient(to bottom, #FED700 5%, #CE9A00 100%);
background-color:#F2E393;
border:2px solid #D8B926;
text-shadow:0px 1px 0px #444;
}
/*---スマホ用---*/
@media only screen and (max-width: 750px) {
.ec-secHeading{/*トップタイトル スマホ*/
color: #000;
text-align: center;
/*font-family: serif;*//*明朝体 ゴシックにしたい場合はコメントアウト*/
}
.ec-secHeading .ec-secHeading__en{/*トップタイトル スマホ*/
font-size: 20px;
letter-spacing: -0.1px;
/*font-family: serif;*//*明朝体 ゴシックにしたい場合はコメントアウト*/
}
}

.ec-secHeading{/*トップタイトル PC*/
color: #fff;
padding: 15px 0 15px 0;
text-align: center;
border-radius: 5px;
text-shadow: 1px 1px 0px #444;
box-shadow: 0px 2px 0px #B23E35;
margin-bottom: 25px;
background: -webkit-repeating-linear-gradient(-45deg, #E60012, #E60012 3px,#db0415 3px, #db0415 7px);
background: repeating-linear-gradient(-45deg, #E60012, #E60012 3px,#db0415 3px, #db0415 7px);
border: 1px solid #B23E35;
line-height:normal;
}

.ec-secHeading .ec-secHeading__en{/*トップタイトル PC*/
font-size: 28px;
letter-spacing: -0.1px;
text-shadow: 1px 1px 0px #444;
}
.hot{/*タイトル横 HOT*/
font-size: 20px;
padding: 1.2em 0.6em;
letter-spacing: .1em;
color: #fff;
font-weight: 900;
border-radius: 50%;
box-shadow:inset 0px 1px 0px 0px #F2C593;
background:linear-gradient(to bottom, #FED700 5%, #CE9A00 100%);
background-color:#F2E393;
border:2px solid #D8B926;
text-shadow:0px 1px 0px #444;
}
/*---スマホ用---*/
@media only screen and (max-width: 750px) {
.ec-secHeading{/*トップタイトル スマホ（商品詳細でも使っている）*/
color: #fff;
padding: 5px 0 10px 0;
text-align: center;
border-radius: 5px;
text-shadow: 1px 1px 0px #444;
box-shadow: 0px 2px 0px #B23E35;
background: -webkit-repeating-linear-gradient(-45deg, #E60012, #E60012 3px,#db0415 3px, #db0415 7px);
background: repeating-linear-gradient(-45deg, #E60012, #E60012 3px,#db0415 3px, #db0415 7px);
border: 1px solid #B23E35;
}
.ec-secHeading .ec-secHeading__en{/*トップタイトル スマホ（商品詳細でも使っている）*/
font-size: 20px;
letter-spacing: -0.1px;
text-shadow: 1px 1px 0px #444;
}
}

/*-------------------■トップ　紹介文ブロック-------------------*/
.eyecatch_all{/*紹介文　全体*/
margin:0 0 20px 0;
padding:60px 0 60px 0;
background:#F4F2EF;/*背景色 白の場合はコメントアウト*/
/*background-image: url('/html/user_data/assets/img/top/black-bg.jpg');/*背景画像を使用したい場合*/
}
.ec-eyecatchRole{/*テキスト・画像枠全体*/
margin-bottom: 0px; 
}
/*---PC用---*/
.ec-eyecatchRole .ec-eyecatchRole__intro {/*テキスト部分全体*/
width: 50%;
padding-right: 0%;
order: 2;/*左位置にしたい場合は1、右位置にしたい場合は2*/
color: #000;/*色*/
/*font-family: serif;*//*明朝体 ゴシックにしたい場合はコメントアウト*/
}
.ec-eyecatchRole .ec-eyecatchRole__image {/*画像部分全体*/
width: 45%;
padding-right: 5%;
order: 1;/*左位置にしたい場合は1、右位置にしたい場合は2*/
margin-bottom: 0px; 
}
.ec-eyecatchRole .ec-eyecatchRole__introTitle{/*タイトル*/
margin-bottom: 0.5em;
font-size: 24px;
color:#693c00;/*色*/
font-family: 'Zen Kaku Gothic New', sans-serif;

}
.ec-eyecatchRole .ec-eyecatchRole__introDescription{/*タイトル下テキスト*/
margin-bottom:0;
}
/*---スマホ用---*/
@media only screen and (max-width: 750px) {
.ec-eyecatchRole .ec-eyecatchRole__intro {/*テキスト部分全体*/
width: 100%;
padding-right: 0%;
order: 2;/*左位置にしたい場合は1、右位置にしたい場合は2*/
color: #000;/*色*/
/*font-family: serif;*//*明朝体 ゴシックにしたい場合はコメントアウト*/
}
.ec-eyecatchRole .ec-eyecatchRole__image {/*画像部分全体*/
width: 100%;
padding-right: 0%;
order: 1;/*左位置にしたい場合は1、右位置にしたい場合は2*/
margin-bottom: 40px; 
}
.ec-eyecatchRole .ec-eyecatchRole__introTitle {/*タイトル*/
margin-bottom: 0.8em;
font-size: 22px;
font-weight: bold;
color:#693c00;/*色*/
font-family: 'Zen Kaku Gothic New', sans-serif;

}
}

/*-------------------■トップ　特徴-------------------*/
.tokucho_waku{/*特徴全体*/
margin:0 0 0 0;
padding:40px 0 40px 0;
background-color:#fff;/*背景に色をしきたい場合*/
/*background-image: url('/html/user_data/assets/img/top/red-bg.jpg');/*背景画像を使用したい場合*/
/*font-family: serif;*//*明朝体 ゴシックにしたい場合はコメントアウト*/
}

.tokucho_maintitle{/*タイトル*/
margin-bottom: 0.5em;
font-size: 24px;
color:#693c00;/*色*/
font-family: 'Zen Kaku Gothic New', sans-serif;
text-align: center;
}

.tokucho_text{/*特徴本文*/
margin-bottom: 0.5em;
margin-top:0.5em;
font-size: 18px;
color:#693c00;/*色*/
font-weight: 600;
}

.tokucho_textsub{/*特徴本文*/
margin-bottom: 0.5em;
margin-top:0.5em;
font-size: 20px;
color:#000;/*色*/
font-weight: 600;
text-align: center;
}


/*-------------------■トップ　おすすめ商品ブロック-------------------*/
.recommend_waku{/*おすすめ商品全体*/
margin:0 0 0 0;
padding:40px 0 40px 0;
background-color:#F4F2EF;/*背景に色をしきたい場合*/
/*background-image: url('/html/user_data/assets/img/top/red-bg.jpg');/*背景画像を使用したい場合*/
/*font-family: serif;*//*明朝体 ゴシックにしたい場合はコメントアウト*/
}
/*---PC用---*/
.recommend_waku .ec-shelfGrid__item p.osusumesetsumei{/*おすすめ商品画像下 説明文章*/
/*font-size: 16px;*/
font-weight: normal;
/*padding: 7px;*/
/*background-color: #fff;*/
/*border-radius: 10px;*/
/*opacity: 0.9;/*透明*/
color: #693c00;/*文字色*/
}
.ec-shelfGrid__item dl{/*商品・料金全体*/
margin-top: 15px;
margin-bottom: 5px;
}
.ec-shelfGrid__item a img{/*商品画像*/
/*border: 1px solid #666;*/
opacity: 1;
}
.ec-shelfGrid__item a img:hover{/*商品画像 hober時*/
opacity: 0.9;
}
.ec-shelfGrid__item .item_name{/*商品名*/
color: #693c00;/*文字色*/
font-size: 22px;
}
.ec-shelfGrid__item .item_price{/*料金*/
color: #693c00;
font-weight: bold;
font-size: 22px;
margin-bottom: 0;
}
/*---スマホ用---*/
@media only screen and (max-width: 750px) {
.ec-shelfGrid .ec-shelfGrid__item{/*各商品全体*/
width: 100%;
}
.ec-shelfGrid .ec-shelfGrid__item:nth-child(even) {/*各商品全体*/
padding-left:0;
}
.ec-shelfGrid .ec-shelfGrid__item:nth-child(odd) {/*各商品全体*/
padding-right: 0;
}
}

/*-------------------■トップ　カテゴリブロック-------------------*/
.ec-categoryRole{/*カテゴリ背景*/
/*background-image: url('/html/user_data/assets/img/top/cream-bg.jpg');/*背景画像を使用したい場合*/
background:#fff;/*背景色 画像の場合はコメントアウト*/
}
a .category-title{/*カテゴリ別タイトル*/
color:#D7CA92;/*テキスト色*/
font-weight:bold;/*テキスト太さ*/
background-color:#6A0002;/*背景色*/
padding: 7px;
margin-top:0;/*余白 上部　通常20px*/
margin-bottom:10px;/*余白 下部　通常10px*/
/*font-family: serif;*//*明朝体 ゴシックにしたい場合はコメントアウト*/
text-align: center;
}


/*-------------------■トップ　もっとこだわりたい方へ-------------------*/
.banner_waku{/*バナーエリア全体*/
margin:0 0 0 0;
padding:40px 0 40px 0;
background-color:#F4F2EF;/*背景に色をしきたい場合*/
/*ackground-image: url('/html/user_data/assets/img/common/footer_haikai.png');/*背景画像を使用したい場合*/
/*font-family: serif;*//*明朝体 ゴシックにしたい場合はコメントアウト*/
}

.kodawari_title{/*こだわりタイトル*/
margin-bottom: 0.5em;
margin-top:0.5em;
font-size: 20px;
color:#000;/*色*/
font-weight: 600;
font-family:'Zen Kaku Gothic New', sans-serif;
text-align: center;
}

/*-------------------■トップ　新着情報・お知らせ　カテゴリブロック-------------------*/
.ec-newsRole .ec-newsRole__newsTitle{/*タイトル文*/
/*font-family: serif;/*明朝体 ゴシックにしたい場合はコメントアウト*/
font-weight:bold;/*テキスト太さ*/
font-size:98%;
color:#000;/*テキスト色*/
}
.ec-newsRole__newsItem.is_active .ec-newsRole__newsDescription{/*詳細文章*/
/*font-family: serif;/*明朝体 ゴシックにしたい場合はコメントアウト*/
color:#000;/*テキスト色*/
}
/*---PC用---*/
@media only screen and (min-width: 768px){
.ec-newsRole .ec-newsRole__news{/*新着情報 全体*/
border: 5px solid #FBF7EC;
padding: 20px 20px;
}
}

/*-------------------■下層ページ　共通-------------------*/
/*---PC用---*/
.ec-pageHeader h1,
.ec-pageHeader .h1,
.ec-pageHeader h2,
.ec-pageHeader .h2 {/*タイトル*/
border-top: none;
border-bottom: 1px solid #ccc;
margin: 80px 16px 48px;
padding: 8px;
font-size: 24px;
font-weight: bold;
/*font-family: serif;/*明朝体 ゴシックにしたい場合はコメントアウト*/
color: #000;
}
/*---スマホ用---*/
@media only screen and (max-width: 750px) {
.ec-pageHeader h1,
.ec-pageHeader .h1,
.ec-pageHeader h2,
.ec-pageHeader .h2 {/*タイトル*/
border-top: none;
border-bottom: 1px solid #ccc;
margin: 80px 16px 48px;
padding: 8px;
font-size: 22px;
font-weight: bold;
/*font-family: serif;/*明朝体 ゴシックにしたい場合はコメントアウト*/
color: #000;
}
}



/*-------------------■下層ページ　特定商取引法・当サイトについて-------------------*/
.ec-label{/*表の中の文字 タイトル*/
/*font-family: serif;/*明朝体 ゴシックにしたい場合はコメントアウト*/
color: #000;
}
.ec-borderedDefs dd{/*表の中の文字*/
line-height:normal !important;
/*font-family: serif;/*明朝体 ゴシックにしたい場合はコメントアウト*/
color: #000;
}
.ec-borderedDefs dt{/*表のタイトルの外*/
padding-top: 0;
}
.ec-role .ec-borderedDefs dd.img100-none img{/*表に画像を入れたい　横幅100%解除*/
width: auto;
}

/*-------------------■その他CSS 列要素-------------------*/
.retsu-all{/*列　親要素*/
overflow : hidden;
}
/*****2列*****/
.retsu2-l{/*2列　左側*/
width: 49%;
float: left;
margin-right: 1%;
}
.retsu2-r{/*2列　右側*/
width: 49%;
float: left;
margin-left: 1%;
}
/*---スマホ用---*/
@media only screen and (max-width: 750px) {
.retsu2-l{/*2列　左側*/
width: 100%;
clear: both;
margin-right: 0;
}
.retsu2-r{/*2列　右側*/
width: 100%;
clear: both;
margin-left: 0;
}
}
/*****2列 30% 70%*****/
.retsu2-l30{/*2列　左側*/
width: 29%;
float: left;
margin-right: 1%;
}
.retsu2-r70{/*2列　右側*/
width: 69%;
float: left;
margin-left: 1%;
}
/*---スマホ用---*/
@media only screen and (max-width: 750px) {
.retsu2-l30{/*2列　左側*/
width: 100%;
clear: both;
margin-right: 0;
}
.retsu2-r70{/*2列　右側*/
width: 100%;
clear: both;
margin-left: 0;
}
}

/*****2列 40% 60%*****/
.retsu2-l40{/*2列　左側*/
width: 39%;
float: left;
margin-right: 1%;
}
.retsu2-r60{/*2列　右側*/
width: 59%;
float: left;
margin-left: 1%;
}
/*---スマホ用---*/
@media only screen and (max-width: 750px) {
.retsu2-l40{/*2列　左側*/
width: 100%;
clear: both;
margin-right: 0;
}
.retsu2-r60{/*2列　右側*/
width: 100%;
clear: both;
margin-left: 0;
}
}

/*****2列 70% 30%*****/
.retsu2-l70{/*2列　左側*/
width: 69%;
float: left;
margin-right: 1%;
}
.retsu2-r30{/*2列　右側*/
width: 29%;
float: left;
margin-left: 1%;
}
/*---スマホ用---*/
@media only screen and (max-width: 750px) {
.retsu2-l70{/*2列　左側*/
width: 100%;
clear: both;
margin-right: 0;
}
.retsu2-r30{/*2列　右側*/
width: 100%;
clear: both;
margin-left: 0;
}
}



/*****3列*****/
.retsu3{/*3列*/
width: 31%;
float: left;
margin: 0 1%;
}
/*---スマホ用---*/
@media only screen and (max-width: 750px) {
.retsu3{/*3列*/
width: 100%;
clear: both;
margin: 0;
}
}
/*****4列*****/
.retsu4{/*4列*/
width: 23%;
float: left;
margin: 0 1%;
}
/*---スマホ用---*/
@media only screen and (max-width: 750px) {
.retsu4{/*4列*/
width: auto;
float: none;
margin: 0 1% 5% 1%;
}
}
/*****5列*****/
.retsu5{/*5列*/
width: 18%;
float: left;
margin: 0 1%;
}
/*---スマホ用---*/
@media only screen and (max-width: 750px) {
.retsu5{/*5列*/
width: 48%;
float: left;
margin: 0 1% 1% 1%;
}
}


/*-------------------■その他CSS 余白　上部-------------------*/
.mt5px{/*余白　上部*/
margin-top: 5px !important;
}
.mt7px{/*余白　上部*/
margin-top: 7px !important;
}
.mt10px{/*余白　上部*/
margin-top: 10px !important;
}
.mt15px{/*余白　上部*/
margin-top: 15px !important;
}
.mt20px{/*余白　上部*/
margin-top: 20px !important;
}
.mt30px{/*余白　上部*/
margin-top: 30px !important;
}
.mt40px{/*余白　上部*/
margin-top: 40px !important;
}
.mt50px{/*余白　上部*/
margin-top: 50px !important;
}
.mt60px{/*余白　上部*/
margin-top: 60px !important;
}
.mt80px{/*余白　上部*/
margin-top: 80px;
}

/*-------------------■その他CSS 余白　下部-------------------*/

.mb5px{/*余白　下部*/
margin-bottom: 5px !important;
}
.mb7px{/*余白　下部*/
margin-bottom: 7px !important;
}
.mb10px{/*余白　下部*/
margin-bottom: 10px !important;
}
.mb15px{/*余白　下部*/
margin-bottom: 15px !important;
}
.mb20px{/*余白　下部*/
margin-bottom: 20px !important;
}
.mb30px{/*余白　下部*/
margin-bottom: 30px !important;
}
.mb40px{/*余白　下部*/
margin-bottom: 40px !important;
}
.mb50px{/*余白　下部*/
margin-bottom: 50px !important;
}
.mb60px{/*余白　下部*/
margin-bottom: 60px !important;
}
.mb80px{/*余白　下部*/
margin-bottom: 80px ;
}


/*-------------------■商品一覧-------------------*/
.ec-blockBtn--action{/*「カートに入れる」ボタン*/
background-color: #E60012;
border-color: #E60012; 
}
.ec-shelfGrid__item p{/*商品名*/
color: #000;
font-size: 18px;
font-weight: bold;
/*font-family: serif;/*明朝体 ゴシックにしたい場合はコメントアウト*/
}
.ec-shelfGrid__item p span.ichiran_setsumei{/*説明文*/
font-size:14px;
font-weight:normal !important;
/*font-family: serif;/*明朝体 ゴシックにしたい場合はコメントアウト*/
}
.ec-shelfGrid__item p.price02-default{/*料金*/
color: #DE5D50;
font-weight: bold;
font-size: 22px;
margin-bottom: 5px;
/*font-family: serif;/*明朝体 ゴシックにしたい場合はコメントアウト*/
}



/*-------------------■商品詳細-------------------*/
.ec-grid2{/*商品詳細 コンテンツ全体*/
margin: 30px 0 0 0;
}
.slick-slide img{/*メイン画像*/
border: 1px solid #DFE0E0;
}
.ec-sliderItemRole .slideThumb{/*スライダー　メイン下画像*/
text-align: center;
border: 1px solid #DFE0E0;
}
.ec-productRole .ec-productRole__title .ec-headingTitle{/*タイトル*/
/*font-family: serif;/*明朝体 ゴシックにしたい場合はコメントアウト*/
font-weight: bold;
color: #000;
font-size: 28px;
}
.ec-productRole__price .ec-price__price{/*料金*/
/*font-family: serif;/*明朝体 ゴシックにしたい場合はコメントアウト*/
}
.ec-productRole__description{/*商品説明エリア全体*/
/*font-family: serif;/*明朝体 ゴシックにしたい場合はコメントアウト*/
padding:5px 0 0 0;
}
.ec-productRole__description h3.syousai_h3{/*商品説明<h3>タグ*/
background-color: #F8F8F8;
/*background-image: url('/html/user_data/assets/img/common/bg-title.jpg');/*背景画像を使用したい場合*/
border: 1px solid #D3D3D3;
padding: 7px 15px;
font-size: 16px;
line-height: 1.4;
color: #525263;
font-weight: bold;
border-radius:3px;
/*font-family: serif;/*明朝体 ゴシックにしたい場合はコメントアウト*/
}
.ec-productRole__description span{/*商品説明<span>タグ*/
font-size: 14px;
}
.ec-productRole__description span.meyasu1{/*データ入稿日から*/
font-size: 15px;
font-weight: bold;
color: #E60012;
}
.ec-productRole__description span.meyasu2{/*〇営業日*/
font-size: 20px;
color: #E60012;
font-weight: bold;
}
.ec-productRole__description ul,
.ec-productRole__description ol{/*リスト　全体*/
margin-bottom: 0 !important;
padding-left: 1.5rem;
}
.ec-productRole__description table{/*サイズ<table>*/
width:100%;
}
.ec-productRole__description table th{/*サイズ<th>*/
background-color: #F8F8F8;
border: 1px solid #D3D3D3;
padding:5px 15px;
font-size: 14px;
text-align: center;
}
.ec-productRole__description table td{/*サイズ<td>*/
background-color: #fff;
border: 1px solid #D3D3D3;
padding:5px 15px;
font-size: 14px;
font-weight: normal;
text-align: center;
}
/*---スマホ用---*/
@media only screen and (max-width: 750px) {
.ec-grid2{/*商品詳細 コンテンツ全体*/
margin: 20px 0 0 0;
}
.ec-productRole .ec-productRole__title .ec-headingTitle{/*タイトル*/
font-weight: bold;
color: #000;
font-size: 22px;
}
.ec-price .ec-price__price{/*料金*/
font-size: 22px;
}
}

/*-------------------■SPログインナビ-------------------*/
.ec-drawerRole .ec-headerLinkArea {
    background-color:#F4F2EF ;
}

.ec-drawerRole .ec-headerLinkArea .ec-headerLink__item {
    display: block;
    border-bottom: 1px solid #000;
    padding: 15px 20px;
    font-size: 16px;
    font-weight: bold;
    color: #000;
}

/*-------------------■ラジネスのリフォームページ-------------------*/
.reform_text{/*本文*/
margin-bottom: 0.5em;
margin-top:0.5em;
font-size: 18px;
color:#693c00;/*色*/
font-weight: 600;
text-align: center;
}

.heading01 {
	/*display: inline;*/
	display: inline-block;
	font-size: 22px;
	font-weight: bold;
	text-align: center;
  line-height: 1.4em;
  padding: 5px;
  background:#FFD9D7;
}

.heading01-2 {
	font-size: 22px;
	font-weight: bold;
	text-align: center;
  line-height: 1.4em;
  padding: 5px;
  background:#fff8dc;
}

.caption_box{
  position: relative;
  margin-top: 1em;
  padding: 2em 1em;
  border: 1px solid black;
  text-align: center;
}

.caption_box .caption{
  position: absolute;
  top: 0;
  left: 0;
  padding: 1 3em;
  margin: 0;
  background-color: white;
  transform: translateY(-50%) translateX(1em);
  font-size: 20px;
    letter-spacing: 0.1em;
    font-family: 'Zen Kaku Gothic New', sans-serif;
}