@charset "utf-8";

/*-------- 全ページのスタイルcss --------*/

:root{
    --main-color: #1D7D97;
    --sub-color: #663110;
}
/* デバッグ用（全要素に適用し、はみ出しなどの不具合表示を発見する） */
/* *{
  outline: #F00 1px solid;
} */

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

body{
  margin: 0;
  padding: 0;
  background: #F5EFE6;
}

/* 影あり */
a.opacity2 img {
	filter: drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.2));
	opacity: 1;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}

h1{
    font-family: "Kiwi Maru", serif;
    padding: 0;
    margin: 0 0 10px 0;
}

img, object, embed, video {
  margin:0;
  max-width: 100%;
  height: auto;
  border: none;
}

img{
  vertical-align: middle;
}

dl,
dl dt,
dl dd{
  margin: 0;
}

ul{
  margin: 0;
  padding-left: 1.5em;
}

/* ※のリスト（注意事項） */
ul.attention,
ul.astarisk{
  list-style: none;
  padding-left: 1.2em;
}

ul.attention li,
ul.astarisk li{
  text-indent: -1.2em;
}

ul.attention li::before{
  content: "※";
  margin-right: 0.2em;
}

/* ＊のリスト（注意事項） */
ul.astarisk li::before{
  content: "＊";
  margin-right: 0.2em;
}

/* ▲のリスト（注意事項） */
ul.triangle li::before{
  content: "▲";
  margin-right: 0.2em;
}

figure{
  margin: 0 auto;
  width: fit-content;
  text-align: center;
}

.pcFlexbox{
  display: flex;
  flex-direction: column;
  gap: 5%;
  margin-top: 10%;
}

/*-------- リンク --------*/

a.linkBox, a.linkBox_bold{
    display: inline-block;
    border: #702B1D 2px solid;
    border-radius: 50px;
    padding: 2% 7%;
    text-decoration: none;
    background-color: #fff;
    width: fit-content;
    color: #5c0f01;
}
a.linkBox_bold{
    border: #702B1D 3px solid;
    color: #5c0f01;
}

/*----------------------------------------------------------------------
スマホのみ隠す
----------------------------------------------------------------------*/
@media screen and (max-width: 980px) {
.spNone{
	display:none;
}
.spBr{
	display: block;
}
}

/* タブレットレイアウト : 981 px～。モバイルレイアウトからスタイルを継承。 */
@media print, screen and (min-width: 980px) {

a.linkBox, a.linkBox_bold{
padding: 5px 30px;
}

/*----------------------------------------------------------------------
PCのみ隠す
----------------------------------------------------------------------*/
.pcNone{
  display:none;
}

}