@charset "UTF-8";

/* ***********************************
 *
 *    Ire's CSS Reset & Base
 *
 * *********************************** */

/* Reset margin, padding, border
 * *********************************** */

html, body,
h1, h2, h3, h4, h5, h6,
a, p, span,
em, small, strong,
sub, sup,
mark, del, ins, strike,
abbr, dfn,
blockquote, q, cite,
code, pre,
ol, ul, li, dl, dt, dd,
div, section, article,
main, aside, nav,
header, hgroup, footer,
img, figure, figcaption,
address, time,
audio, video,
canvas, iframe,
details, summary,
fieldset, form, label, legend,
table, caption,
tbody, tfoot, thead,
tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
}

/* Typography
 * *********************************** */

html {
  font-size: 62.5%;
}

body {
  font-size: 1.6rem;
  line-height: 1.4;
}

* {
  /*font-family: inherit;*/
  font-size: inherit;
  line-height: inherit;
}

a,
a:visited {
  color: inherit;
}

/* Layout
 * *********************************** */

article,
aside,
footer,
header,
nav,
section,
main {
  display: block;
}

* {
  box-sizing: border-box;
}

*:before,
*:after {
  box-sizing: inherit;
}

/* Elements
 * *********************************** */

table {
  border-collapse: collapse;
  border-spacing: 0;
}

ol,
ul {
  list-style: none;
}

img,
video {
    max-width: 100%;
}

img {
  border-style: none;
  vertical-align: bottom;
}

blockquote,
q {
  quotes: none;
}

blockquote:after,
blockquote:before,
q:after,
q:before {
  content: "";
  content: none;
}

/* Attributes & states
 * *********************************** */

[hidden] {
  display: none !important;
}

[disabled] {
  cursor: not-allowed;
}

:focus:not(:focus-visible) {
  outline: none;
}


/*==================================================
  Wide use class
==================================================*/

/* align */
.taC { text-align: center !important;}
.taR { text-align: right !important;}
.taL { text-align: left !important;}

/* float */
.fl { float: left;}
.fr { float: right;}
.cl { clear: both;}
.clearfix:after {
 content: "";
 display: block;
 clear: both;
 height: 0;
}
.clearfix { display: inline-block;}
.clearfix { display: block;}

/* flex */
.flex {
  display: flex;
  flex-wrap: wrap;
}

/* margin-bottom */
.mb00 { margin-bottom: 0px !important;}
.mb05 { margin-bottom: 5px !important;}
.mb10 { margin-bottom: 10px !important;}
.mb15 { margin-bottom: 15px !important;}
.mb20 { margin-bottom: 20px !important;}
.mb25 { margin-bottom: 25px !important;}
.mb30 { margin-bottom: 30px !important;}
.mb35 { margin-bottom: 35px !important;}
.mb40 { margin-bottom: 40px !important;}
.mb45 { margin-bottom: 45px !important;}
.mb50 { margin-bottom: 50px !important;}
.mb55 { margin-bottom: 55px !important;}
.mb60 { margin-bottom: 60px !important;}
.mb65 { margin-bottom: 65px !important;}
.mb70 { margin-bottom: 70px !important;}
.mb75 { margin-bottom: 75px !important;}
.mb80 { margin-bottom: 80px !important;}
.mb90 { margin-bottom: 90px !important;}
.mb100 { margin-bottom: 100px !important;}
.mb110 { margin-bottom: 110px !important;}
.mb120 { margin-bottom: 120px !important;}

/* padding-right */
.pdr00 { padding-right: 0 !important;}
.pdr10 { padding-right: 10px !important;}
.pdr20 { padding-right: 20px !important;}
.pdr25 { padding-right: 25px !important;}
.pdr30 { padding-right: 30px !important;}
.pdr40 { padding-right: 40px !important;}

/* link */
a:hover img.op {
 opacity: 0.60;
 filter: alpha(opacity=60);
}

a {
 outline: none;
 text-decoration: none;
}
hr {
 color: #fff;
 background-color: #fff;
 height: 1px;
 padding: 0;
 border: 0;
}

/* function */
.swap {}
.hidden { display: none;}
.imgheight { font-size:0; line-height:0;}
.pos-base { position: relative;}
img.fit {
	width: 100%;
	height: 100%;
	object-fit: cover;
}