@charset "utf-8";
<!--エンコード:UTF-8-->
/*
theme Name: Lever Webオーダーテーマ
Author: imegg
Description: original theme
version： 1.0.0
*/


body {
  width: 100%;
    animation: fadeIn 2s ease 0s 1 normal;
    -webkit-animation: fadeIn 2s ease 0s 1 normal;
  /*サイト全体にかかるmarginをリセット*/
  margin: 0;
  /*サイト全体にかかるpaddingをリセット*/
  padding: 0;
}

/*ワイド表示*/
#body-inside{

}

a img:hover {
	opacity: 0.8 ;
}


/*テーブル余白を削除---------------------------*/
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/*リスト調整---------------------------*/

.wp-block-list li{
    position: relative;
    list-style: none;
    line-height: 1.5;
  padding-left: 36px;
}
.wp-block-list li::before{
    content: "";
    display: block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #000;
    position: absolute;
    left: 20px;
    top: calc(0.75em - 3px);
}


/*ボタンホバー調整---------------------------*/

.has-background:hover{
opacity: 0.8;
}

/*インスタボタングラデーション設定---------------------------*/

.insta_btn {
  display: inline-block;
  text-align: center;/*中央揃え*/
  color: #2e6ca5;/*文字色*/
  font-size: 20px;/*文字サイズ*/
  text-decoration: none;/*下線消す*/
}

.insta_btn:hover {/*ホバー時*/
  color:#668ad8;/*文字色*/
  transition: .5s;/*ゆっくり変化*/
}

.insta_btn .insta{/*アイコンの背景*/
  position: relative;/*相対配置*/
  display: inline-block;
  width: 50px;/*幅*/
  height: 50px;/*高さ*/
  top: 5px;/*ずらす*/
  padding: 6px 0 0 0;
  background: -webkit-linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
  background: linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;/*グラデーション①*/
  overflow: hidden;/*はみ出た部分を隠す*/
  border-radius: 13px;/*角丸に*/

}

.insta_btn .insta:before{/*グラデーションを重ねるため*/
  content: '';
  position: absolute;/*絶対配置*/
  top: 25px;/*ずらす*/
  left: -18px;/*ずらす*/
  width: 60px;/*グラデーションカバーの幅*/
  height: 60px;/*グラデーションカバーの高さ*/
  background: -webkit-radial-gradient(#ffdb2c 10%, rgba(255, 105, 34, 0.65) 55%, rgba(255, 88, 96, 0) 70%);
  background: radial-gradient(#ffdb2c 10%, rgba(255, 105, 34, 0.65) 55%, rgba(255, 88, 96, 0) 70%);/*グラデーション②*/
}

.insta_btn .fa-instagram {/*アイコン*/
  color: #FFF;/*白に*/
  position: relative;/*z-indexを使うため*/
  z-index: 2;/*グラデーションより前に*/
  font-size: 35px;/*アイコンサイズ*/
  line-height: 50px;/*高さと合わせる*/
}


/*--------------------------------
アイコン
---------------------------------*/
.botanleft-tel:before{
font-family: "fontawesome";
content: "\f095";
}

.botanleft-mail:before{
font-family: "fontawesome";
content: "\f0e0";
}


/*--------------------------------
フォント
---------------------------------*/

.font1{
font-family:'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif,'Yu Gothic Medium', '游ゴシック Medium', YuGothic, '游ゴシック体',
'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro';
}

.font2{
font-family:'Yu Gothic Medium', '游ゴシック Medium', YuGothic, '游ゴシック体',
'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}

.font3{
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.font4{
font-family:'ヒラギノ丸ゴ Pro W4','ヒラギノ丸ゴ Pro','Hiragino Maru Gothic Pro','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','HG丸ｺﾞｼｯｸM-PRO','HGMaruGothicMPRO', 'Yu Gothic Medium', '游ゴシック Medium', YuGothic, '游ゴシック体',
'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}

.font5{
font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
}


/*--------------------------------
フォントサイズ
---------------------------------*/

.f60{
	font-size: 60%;
}

.f80{
	font-size: 80%;
}

.f150{
	font-size: 150%;
}

.f200{
	font-size: 200%;
}

.f300{
	font-size: 300%;
}

.f400{
	font-size: 400%;
}

.f500{
	font-size: 500%;
}

.f600{
	font-size: 600%;
}


/*--------------------------------
見出し
---------------------------------*/

.m0 {
  background: #fffeed;/*背景色*/
  padding: 0.5em;/*文字まわり（上下左右）の余白*/
}

/*-下線-*/
.m1{
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 8px 6px;
	border-bottom: 1px solid #000000;  /* 枠線の装飾 */
}

/*-下点線-*/

.m2 {
	margin: 0px 0px 30px 0px;
	padding: 0px 0px 8px 6px;
  border-bottom: dashed 2px #337951;
}

/*-背景色付き-*/

.m3{
  padding: 0.5em;/*文字周りの余白*/
  color: #494949;/*文字色*/
  background: #f1f1f1;/*背景色*/
  border-left: solid 5px #12641d;/*左線（実線 太さ 色）*/

}

.m4 {
  background: #fffeed;/*背景色*/
  padding: 0.5em;/*文字まわり（上下左右）の余白*/
}


/*-色付き背景周り線-*/
.m5{
 background: #dfefff;
  box-shadow: 0px 0px 0px 5px #dfefff;
  border: dashed 2px white;
  padding: 0.2em 0.5em;
}


/*-中央に線-*/
.m6 {
  position: relative;
  margin:0 auto 1em auto;
}

.m6:before {
  content: '';
  position: absolute;
  bottom: -15px;
  display: inline-block;
  width: 6%;
  height: 5px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #0072bc;
  border-radius: 2px;
	text-align: center;
}


/*-下線半分色付き-*/

.m7 {
  border-bottom: solid 3px #cce4ff;
  position: relative;
}

.m7:after {
  position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 3px #5472cd;
  bottom: -3px;
  width: 20%;
}




.smf-action .smf-button-control__control[data-action="confirm"],
.smf-action .smf-button-control__control[data-action="complete"] {
	background: rgb(0, 215, 183);
       background: #000000;
	color:white;
	border-radius:30px;
	border:none;
	padding:10px 80px;
}


.smf-action .smf-button-control__control[data-action="back"] {
	border-radius:30px;
	padding:10px 40px;
	margin-bottom:1em;
}