@charset "utf-8";
/* ---------------- reset // ---------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: none;
font-style: normal;
text-align: left;
zoom: 1;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
table {
border-collapse: collapse;
font-family: inherit;
}
h1,h2,h3,h4,h5 {
font-size: 100%;
font-weight: normal;
line-height: 1;
}
input,textarea,select {
font-family: inherit;
font-size: 16px;
}
input[type="button"],input[type="text"],input[type="submit"] {
 -webkit-appearance: none;
 border-radius: 0;
}
textarea {
resize: none;
-webkit-appearance: none;
border-radius: 0;
}
th,td {
border-collapse: collapse;
}
table th,table td {
white-space: nowrap;
}
ul,ol {
list-style-type: none;
}
img {
vertical-align: text-bottom;
vertical-align: -webkit-baseline-middle;
max-width: 100%;
height: auto;
width /***/:auto;
}
/*--------------------------------------
box-sizing
--------------------------------------*/
* {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-mos-box-sizing: border-box;
	-mz-box-sizing: border-box;
	-o-box-sizing: border-box;
}
/*--------------------------------------
transition
--------------------------------------*/
.tra {
	transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-webkit-transition: all 0.5s ease-out;
	-ms-transition: all 0.5s ease-out;
}
.preload * {
	-webkit-transition: none !important;
	-moz-transition: none !important;
	-ms-transition: none !important;
	-o-transition: none !important;
	transition: none !important;
}
/*--------------------------------------
font
--------------------------------------*/

.alata {
  font-family: 'Alata', sans-serif;
}
.notoserif {
  font-family: 'Noto Serif JP', serif;
}
/*---------------
layout
----------------*/
html {
  scroll-behavior: smooth;
  background-color: #F1F0EC;
}
body {
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 400;
  color: #39261C;
  line-height: 2;
  font-size: 14px;
}
@media screen and (min-width:768px) { 
  body {
    font-size: 15px;
  }
}
@media screen and (min-width:1400px) { 
  body {
    font-size: 18px;
  }
}
h1,h2,h3,h4 {
  line-height: 1.8;
}
:where(a) {transition: all 1s ease-out;}
:where(a:link) { text-decoration:none; color:#39261C; }
:where(a:visited) { text-decoration:none; color:#39261C; }
:where(a:hover) { text-decoration:none; color:#39261C; }
:where(a:active) { text-decoration:none; color:#39261C; }

.ib {
  display: inline-block;
}
img {
  max-width: 100%;
  height: auto;
  width /***/:auto;
}
/*----------------
color
----------------*/
.color_day {
  color: #2C391B;
}
.color_evening {
  color: #380A04;
}
.color_night {
  color: #00174E;
}
/*----------------
backgroud image
-----------------*/
.bg_texcure {
  background: url(../images/common/bg_texcure.webp);
}
.bg_subpage {
  background-color: #F1F0EC;
}
.bg_pattern_wh {
  background-image: url(../images/common/bg_pattern_wh.svg);
  background-size: 70px;
}
.bg_free {
  background-image: url(../images/common/bg_item_free_sp.webp);
  background-size: cover;
  background-position: top left;
}
@media screen and (min-width:768px) { 
  .bg_pattern_wh {
    background-size: 100px 100px;
  }
  .bg_free {
    background-image: url(../images/common/bg_item_free.webp);
  }
}