@charset "UTF-8";
/*==================
文字装飾スペース系
====================*/

/* margin 解除 */
.mt0{margin-top:0px;}
.mr0{margin-right:0px;}
.mb0{margin-bottom:0px;}
.ml0{margin-left:0px;}

/* margin 全部 */
.ma0{margin:0;}
.ma5{margin:5px;}
.ma10{margin:10px;}
.ma15{margin:15px;}
.ma20{margin:20px;}

/* margin 付加 */
.mt5{margin-top:5px;}
.mr5{margin-right:5px;}
.mb5{margin-bottom:5px;}
.ml5{margin-left:5px;}

.mt10{margin-top:10px;}
.mr10{margin-right:10px;}
.mb10{margin-bottom:10px;}
.ml10{margin-left:10px;}

.mt15{margin-top:15px;}
.mb15{margin-bottom:15px;}
.ml15{margin-left:15px;}

.mt20{margin-top:20px;}
.mr20{margin-right:20px;}
.mb20{margin-bottom:20px;}
.ml20{margin-left:20px;}

.mt25{margin-top:25px;}
.mr25{margin-right:25px;}
.mb25{margin-bottom:25px;}
.ml25{margin-left:25px;}

.mt30{margin-top:30px;}
.mr30{margin-right:30px;}
.mb30{margin-bottom:30px;}
.ml30{margin-left:30px;}

.mt35{margin-top:35px;}
.mr35{margin-right:35px;}
.mb35{margin-bottom:35px;}
.ml35{margin-left:35px;}

.mt40{margin-top:40px;}
.mr40{margin-right:40px;}
.mb40{margin-bottom:40px;}
.ml40{margin-left:40px;}

/* padding 解除 */
.pt0{padding-top:0px;}
.pr0{padding-right:0px;}
.pb0{padding-bottom:0px;}
.pl0{padding-left:0px;}

/* padding 全部 */
.pa0{padding:0;}
.pa5{padding:5px;}
.pa10{padding:10px;}
.pa15{padding:15px;}
.pa20{padding:20px;}

/* padding 付加 */
.pt2{padding-top:2px;}
.pr2{padding-right:2px;}
.pb2{padding-bottom:2px;}
.pl2{padding-left:2px;}

.pt3{padding-top:3px;}
.pr3{padding-right:3px;}
.pb3{padding-bottom:3px;}
.pl3{padding-left:3px;}

.pt4{padding-top:4px;}
.pr4{padding-right:4px;}
.pb4{padding-bottom:4px;}
.pl4{padding-left:4px;}

.pt5{padding-top:5px;}
.pr5{padding-right:5px;}
.pb5{padding-bottom:5px;}
.pl5{padding-left:5px;}

.pt10{padding-top:10px;}
.pr10{padding-right:10px;}
.pb10{padding-bottom:10px;}
.pl10{padding-left:10px;}

.pt15{padding-top:15px;}
.pr15{padding-right:15px;}
.pb15{padding-bottom:15px;}
.pl15{padding-left:15px;}

.pt20{padding-top:20px;}
.pr20{padding-right:20px;}
.pb20{padding-bottom:20px;}
.pl20{padding-left:20px;}

.pt25{padding-top:25px;}
.pr25{padding-right:25px;}
.pb25{padding-bottom:25px;}
.pl25{padding-left:25px;}

.pt30{padding-top:30px;}
.pr30{padding-right:30px;}
.pb30{padding-bottom:30px;}
.pl30{padding-left:30px;}

.pt35{padding-top:35px;}
.pr35{padding-right:35px;}
.pb35{padding-bottom:35px;}
.pl35{padding-left:35px;}

.pt40{padding-top:40px;}
.pr40{padding-right:40px;}
.pb40{padding-bottom:40px;}
.pl40{padding-left:40px;}

/* vertical-align */
.va_t { vertical-align: top;}
.va_m { vertical-align: middle;}
.va_b { vertical-align: bottom;}

/*==================
float
====================*/
.float-r{float:right;}
.float-l{float:left;}

/*==================
display設定
====================*/
.disp_no{display: none;}
.disp_bl{display: block;}
.disp_in{display: inline;}
.disp_in-bl{display: inline-block;}
.disp_inhe{display: inherit;}
.disp_flex{display: flex;}

/*==================
flex設定
====================*/


/*==================
margin padding 解除
====================*/
.clear{clear:both;}
.clearfix:after {
  content: "";
  clear: both;
  display: block;
}
/*==================
文字装飾インデント
====================*/
.ind4em	 {    padding-left: 4em;}
.ind3em	 {    padding-left: 3em;}
.ind2_5em {    padding-left: 2.5em;}
.ind2em	 {    padding-left: 2em;}
.ind1_5em {    padding-left: 1.5em;}
.ind1em	 {    padding-left: 1em;}

.ml4em	 {    margin-left: 4em;}
.ml3em	 {    margin-left: 3em;}
.ml2_5em {    margin-left: 2.5em;}
.ml2em	 {    margin-left: 2em;}
.ml1_5em {    margin-left: 1.5em;}
.ml1em	 {    margin-left: 1em;}

.ind_hang4em {    padding-left: 4em;    text-indent: -4em;}
.ind_hang3_5em {    padding-left: 3.5em;    text-indent: -3.5em;}
.ind_hang3em {    padding-left: 3em;    text-indent: -3em;}
.ind_hang2_5em {    padding-left: 2.5em;    text-indent: -2.5em;}
.ind_hang2em {    padding-left: 2em;    text-indent: -2em;}
.ind_hang1_5em {    padding-left: 1.5em;    text-indent: -1.5em;}
.ind_hang1em {    padding-left: 1em;    text-indent: -1em;}

/*==================
文字装飾サイズ
====================*/
.b{font-weight:bold;}

.fs13{font-size:13px;}
.fs14{font-size:14px;}
.fs15{font-size:15px;}
.fs16{font-size:16px;}
.fs17{font-size:17px;}
.fs18{font-size:18px;}
.fs19{font-size:19px;}
.fs20{font-size:20px;}

.fs80{font-size:80%;}
.fs90{font-size:90%;}
.fs100{font-size:100%;}
.fs110{font-size:110%;}
.fs120{font-size:120%;}
.fs130{font-size:130%;}
.fs140{font-size:140%;}
.fs150{font-size:150%;}
.fs160{font-size:160%;}
.fs170{font-size:170%;}
.fs180{font-size:180%;}
.fs190{font-size:190%;}
.fs200{font-size:200%;}
.fs300{font-size:300%;}

.align-c{text-align: center;}
.align-l{text-align: left;}
.align-r{text-align: right;}

.bg_yellow{background: #FFFF93;}
.bg_red{background: #ff0000;}
.bg_lightblue{background: #f0f9ff;}
.red_yellow_bg{font-weight:bold; background: yellow; color:red;}

/*==================
文字装飾_文字色
====================*/
.red {color: red;}
.blue {color: blue;}
.yellow {color: yellow;}
.gray {color: gray;}
.white {color: white;}
span.red {    color: #de1212;}
span.blue {    color: #0a0ae2;}
span.green {    color: #3c763d;}

/*==================
文字装飾_アンダーライン
====================*/
.u_line_dot { border-bottom: black 2px dotted;}
.u_line_red { background: linear-gradient(transparent 50%, #ff000040 50%) !important;}
.u_line_orange {background: linear-gradient(transparent 50%, rgba(255, 165, 0,.6) 50%) !important;}
.u_line_ylw { background: linear-gradient(transparent 50%, yellow 50%) !important;}
.u_line_green { background: linear-gradient(transparent 50%, rgba(145, 255, 0,.6) 50%) !important;}
.u_line_blue { background: linear-gradient(transparent 50%, rgba(0, 196, 255,.6) 50%) !important;}



/*==================
横幅調整
====================*/
.w10{width:10%;}
.w15{width:15%;}
.w20{width:20%;}
.w25{width:25%;}
.w30{width:30%;}
.w35{width:35%;}
.w40{width:40%;}
.w45{width:45%;}
.w50{width:50%;}
.w55{width:55%;}
.w60{width:60%;}
.w65{width:65%;}
.w70{width:70%;}
.w75{width:75%;}
.w80{width:80%;}
.w85{width:85%;}
.w90{width:90%;}
.w95{width:95%;}
.w100{width:100%;}
.w30_col {
  width : 33.33333% ;
  width : -webkit-calc(100% / 3) ;
  width : calc(100% / 3) ;
}

/*==================
リスト装飾
====================*/
ul.disc{list-style-type:disc;}
ul.circle{list-style-type:circle;}
ul.square{list-style-type:square;}
ol.num {list-style: decimal;}
p.center-img {text-align: center;}

/*==================
BOX装飾
====================*/
.box01 {
    padding: 0.5em 1em;
    margin: 2em 0;
    border: double 5px #4ec4d3;
}
.box01 p {
    margin: 0; 
    padding: 0;
}

.box_t01 {
    position: relative;
    margin: 5em 0 2em;
    padding: 1em;
    border: solid 3px #62c1ce;
}
.box_t01 .box-title {
    position: absolute;
    display: inline-block;
    top: -40px;
    left: -3px;
    padding: 5px 10px;
    height: 40px;
    line-height: 31px;
    vertical-align: middle;
    font-size: 17px;
    background: #62c1ce;
    color: #ffffff;
    font-weight: bold;
    border-radius: 5px 5px 0 0;
}

.box_t01 .box-title::before {
  margin-right: 5px;
  width: 18px;
  height: 18px;
  content: "";
  display: inline-block;
  background: url(https://mega-hatsu.com/bess/wp-content/themes/bess_theme_ver1.0/images/icon_check.svg) no-repeat;
  background-size: cover;
  position: relative;
  top: 3px;
}

.box_t01 p {
  margin: 0 0 2em;
  padding: 0;
}

.box_t01 p:last-child {
  margin-bottom: 0;
}

.box_t01 ol {
  margin: 10px 0;
}

.box_link {
  margin: 0 0 2em;
  padding: 15px;
  border: 4px solid #cbdee5;
  background-color: #f4fcff;
  border-radius: 4px;
}

.box_link p {
  margin-bottom: 5px;
  padding: 0;
  font-weight: bold;
  position: relative;
  line-height: 1.2;
}

.box_link p::before {
  content: "";
  display: block;
  width: 4px;
  height: 100%;
  position: absolute;
  top: -1px;
  left: -19px;
  background: #4e94ab;
}

.box_link a {
  font-weight: bold;
  line-height: 1.2;
}

.box_link a::before {
  margin-right: 5px;
  width: 16px;
  height: 16px;
  content: "";
  display: inline-block;
  background: url(https://mega-hatsu.com/bess/wp-content/themes/bess_theme_ver1.0/images/icon_link2.svg) no-repeat;
  background-size: cover;
  position: relative;
  top: 3px;
}

.box_link2 {

}

.box_link2 p {
  margin: 10px 0 0;
  padding: 0;
}

.box_link2 p span {
  background: #e5e5e5;
  position: relative;
  border-radius: 4px;
  padding: 10px;
  font-weight: bold;
}

.box_link2 p span::after {
  content: "";
  display: inline-block;
  margin-left: 5px;
  width: 16px;
  height: 16px;
  background: url(https://mega-hatsu.com/bess/wp-content/themes/bess_theme_ver1.0/images/icon_ca-b.svg) no-repeat;
  background-size: cover;
  position: relative;
  top: 2px;
}

@media (max-width: 768px) {
  .box_link2 p span {
    top: -1px;
  }
}

/*==================
flat_btn
====================*/
.flat_btn_wrap {
	margin: 20px 0;
}

.flat_btn {
	padding: 10px 0;
	width: 100%;
	color: #FFFFFF;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	display: block;
	border-radius: 3px;
	position: relative;
	top: -2px;
	border: none;
	transition: .2s;
}
.flat_btn:hover {
	text-decoration: none;
	top: 1px;
	color: #fff;
}

.flat_btn2 {
  padding: 10px 0;
	width: 100%;
	color: #FFFFFF;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	display: block;
	border-radius: 100px;
	position: relative;
	top: 0;
	border: none;
	transition: .2s;
}

.flat_btn2:hover {
  text-decoration: none;
	color: #fff;
  transform: translateY(-2px);
  box-shadow: 0 4px 6px rgba(50,50,93,.11), 0 1px 3px rgba(0,0,0,.08);
}

.flatbtn_yellow {
	background: #feb403;
	box-shadow: 0 3px 0 #c48c06;
}
.flatbtn_yellow:hover {
	background: #ffd87a;
	box-shadow: 0 1px #c48c06;
}

.flatbtn_green {
	background: #6FC173;
	box-shadow: 0 3px 0 #449F49;
}
.flatbtn_green:hover {
	background: #85CA88;
	box-shadow: 0 1px #449f49;
}

.flatbtn_rightblue {
	background: #6FA9C1;
	box-shadow: 0 3px 0 #44849F;
}
.flatbtn_rightblue:hover {
	background: #9DC7D8;
	box-shadow: 0 1px #44849F;
}

.flatbtn_orange {
	background: #fb7e03;
	box-shadow: 0 3px 0 #bf5f00;
}
.flatbtn_orange:hover {
	background: #ffa44b;
	box-shadow: 0 1px #bf5f00;
}

.flatbtn_white {
	background: #fff;
	box-shadow: 0 3px 0 #979797;
	color: #5b5b5b;
}
.flatbtn_white:hover {
	background: #f5f5f5;
	box-shadow: 0 1px #979797;
	color: #5b5b5b;
}

.flatbtn_gray {
	background: #c3c3c3;
	box-shadow: 0 3px 0 #949494;
}
.flatbtn_gray:hover {
	background: #e8e8e8;
	box-shadow: 0 1px #949494;
}

.flatbtn_red {
	background: #e9523f;
	box-shadow: 0 3px 0 #bb4839;
}
.flatbtn_red:hover {
	background: #f08678;
	box-shadow: 0 1px #bb4839;
}

.btnitem_star::before {
  content: "";
  width: 18px;
  height: 18px;
  background: url(https://mega-hatsu.com/bess/wp-content/themes/bess_theme_ver1.0/images/icon_fav_w.svg) no-repeat;
  background-size: cover;
  display: inline-block;
  position: relative;
  top: 2px;
  left: 0;
}

.btnitem_rightarrow::before {
	content: "";
  width: 18px;
  height: 18px;
  background: url(https://mega-hatsu.com/bess/wp-content/themes/bess_theme_ver1.0/images/icon_ca-r2.svg) no-repeat;
  background-size: cover;
  display: inline-block;
  position: relative;
  top: 2px;
  left: -10px;
}

.btnitem_minus::before {
	content: "";
  width: 18px;
  height: 18px;
  background: url(https://mega-hatsu.com/bess/wp-content/themes/bess_theme_ver1.0/images/icon_minus.svg) no-repeat;
  background-size: cover;
  display: inline-block;
  position: relative;
  top: 2px;
  left: -10px;
}

.flatbtn_blue {
	background: #6FA9C1;
	box-shadow: 0 3px 0 #44849F;
}
.flatbtn_blue:hover {
	background: #9DC7D8;
	box-shadow: 0 1px #44849F;
}

.flatbtn_blue_grad {
	background: linear-gradient(to top, #6771E5, #7e8aeb);
}

.flatbtn_blue_grad:hover {
	background: linear-gradient(to top, #787ee7, #98a1ef);
}

.btnitem_mail::before {
	content: "";
  width: 18px;
  height: 18px;
  background: url(https://mega-hatsu.com/bess/wp-content/themes/bess_theme_ver1.0/images/icon_mail.svg) no-repeat;
  background-size: cover;
  display: inline-block;
  position: relative;
  top: 2px;
  left: -10px;
}

.btnitem_search::before {
	content: "";
  width: 18px;
  height: 18px;
  background: url(https://mega-hatsu.com/bess/wp-content/themes/bess_theme_ver1.0/images/icon_search_w.svg) no-repeat;
  background-size: cover;
  display: inline-block;
  position: relative;
  top: 2px;
  left: -10px;
}

.text_orange {
	color: #FF6600;
}

/*==================
背景
====================*/
.brown_bg {background: #E8E6D7;}
.rightblue_bg {background: #d1dff3;}
.blue_bg {background: #9ADBE5;}
.vividblue_bg {background: #34B8CC;}
.darkgray_bg {background: #2a2a2a;}
.lightgray_bg {background: #f1f1f1;}


/* 記事内iframe */
iframe.wp-embedded-content {
  width: 100%;
}

.wp-embed {
  padding: 15px;
  border: 4px solid #e5e5e5;
  border-radius: 4px;
  overflow: inherit;
  box-shadow: none;
}

p.wp-embed-heading {
  font-size: 16px;
  position: relative;
}

p.wp-embed-heading::before {
  content: "";
  display: block;
  width: 4px;
  height: 100%;
  position: absolute;
  top: -1px;
  left: -19px;
  background: #7B7B7B;
}

.wp-embed-featured-image.square {
  width: 130px;
}

.wp-embed-featured-image {
  margin-bottom: 5px;
}

.wp-embed-site-icon {
  display: none;
}

.wp-embed-site-title a {
  padding-left: 0;
}

.wp-embed-site-title a::before {
  margin-right: 5px;
  width: 16px;
  height: 16px;
  content: "";
  display: inline-block;
  background: url(https://mega-hatsu.com/bess/wp-content/themes/bess_theme_ver1.0/images/icon_link.svg) no-repeat;
  background-size: cover;
  position: relative;
  top: 3px;
}

@media (max-width: 768px) {
  .wp-embed {
    padding: 10px;
  }
  .wp-embed p {
    font-size: 12px;
  }
  p.wp-embed-heading {
    font-size: 14px;
  }
  p.wp-embed-heading::before {
    left: -14px;
  }
  .wp-embed-site-title {
    line-height: 1.4;
  }
  .wp-embed-featured-image {
    margin-bottom: 10px;
  }
}

/*display table */
.table_container {
	display: table;
	width: 100%;
	font-size:16px;
}

.table_cell {
	display:table-cell;
	width: 50%;
}

@media (max-width:480px) {
  .table_cell {
    display: block;
    width: 100%;
    font-size: 14px;
  }