@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&display=swap");
/*
font-family: 'Noto Sans JP', sans-serif;
*/
/* --------------
 reset
-------------- */
* {
  backface-visibility: hidden;
  /* animation時のにじみ防止 */
  -webkit-backface-visibility: hidden;
  /* animation時のにじみ防止 */
  -webkit-font-smoothing: antialiased;
  /* animation時の文字にじみ防止 */
  -moz-osx-font-smoothing: grayscale;
  /* animation時の文字にじみ防止 */
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td,
figure {
  margin: 0;
  padding: 0;
}

ol,
ul {
  list-style: none;
}

/* caption,th{text-align:left} */
img {
  max-width: 100% !important;
  height: auto;
  vertical-align: bottom;
}

iframe {
  max-width: 100% !important;
  border: 0;
}
iframe img {
  max-width: none !important;
  border: 0;
}

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

.printOnly {
  display: none;
}

/* --------------
 clearfix
-------------- */
div:after,
ul:after,
ol:after,
dl:after,
header:after,
footer:after,
nav:after,
section:after,
article:after {
  content: "";
  display: block;
  clear: both;
}

/* --------------
 base
-------------- */
html {
  font-size: 16px;
}

body {
  color: #222;
  background: #fff;
  font: 16px/1.2 "Noto Sans JP", sans-serif;
}

_:-ms-fullscreen,
:root body {
  font-family: "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  line-height: 1.2;
  word-break: break-word !important;
}

/* link */
a {
  color: #1772cc;
  /*	word-break: break-all;*/
  word-break: break-word;
  text-decoration: none;
}
a:hover {
  color: #000;
  text-decoration: underline;
}
a img {
  backface-visibility: hidden;
}
a:hover img {
  opacity: 0.7;
  transition: 0.3s;
}
a.break {
  word-break: break-all;
}

/* img {
  pointer-events: none;
} */

.inlineblock {
  display: inline-block !important;
}

.block {
  display: block !important;
}

.pointer {
  cursor: pointer;
}

img.lazyload[src="/img/blank.gif"] {
  background: url("./ajax-loader.gif") no-repeat center center;
}

/* --------------
 modules css
-------------- */
/* ---------- font size */
.fs05 {
  font-size: 0.5em;
}

.fs06 {
  font-size: 0.6em;
}

.fs07 {
  font-size: 0.7em;
}

.fs08 {
  font-size: 0.8em;
}

.fs09 {
  font-size: 0.9em;
}

.fs10 {
  font-size: 1em;
}

.fs11 {
  font-size: 1.1em;
}

.fs12 {
  font-size: 1.2em;
}

.fs13 {
  font-size: 1.3em;
}

.fs14 {
  font-size: 1.4em;
}

.fs15 {
  font-size: 1.5em;
}

.fs16 {
  font-size: 1.6em;
}

.fs17 {
  font-size: 1.7em;
}

.fs18 {
  font-size: 1.8em;
}

.fs19 {
  font-size: 1.9em;
}

.fs20 {
  font-size: 2em;
}

.fs21 {
  font-size: 2.1em;
}

.fs22 {
  font-size: 2.2em;
}

.fs23 {
  font-size: 2.3em;
}

.fs24 {
  font-size: 2.4em;
}

.fs25 {
  font-size: 2.5em;
}

.fs30 {
  font-size: 3em;
}

/* ---------- font weight */
.thin {
  font-weight: 100;
}

.demilight {
  font-weight: 300;
}

.normal {
  font-weight: 400;
}

.midium {
  font-weight: 500;
}

.bold {
  font-weight: 700;
}

.black {
  font-weight: 900;
}

/* ---------- align */
.alc {
  text-align: center !important;
}

.alr {
  text-align: right !important;
}

.all {
  text-align: left !important;
}

.alt {
  vertical-align: top !important;
}

.alb {
  text-align: bottom !important;
}

.alm {
  vertical-align: middle !important;
}

.alj {
  /* 文字均等割付 */
  text-align: justify !important;
  text-justify: inter-ideograph !important;
}

/* 2行目以降字下げ */
.indent {
  text-indent: -1em;
  padding-left: 1em;
}

/* ---------- float */
.noFloat {
  float: none !important;
}

/* ---------- Cancele */
.both {
  clear: both;
}

/* ---------- margin,padding */
.mb0 {
  margin-bottom: 0px !important;
}

.mb3 {
  margin-bottom: 3px !important;
}

.mb5 {
  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;
}

.mb70 {
  margin-bottom: 70px !important;
}

.mb80 {
  margin-bottom: 80px !important;
}

.mb90 {
  margin-bottom: 90px !important;
}

.mb100 {
  margin-bottom: 100px !important;
}

.mauto {
  margin: 0 auto !important;
}

.mb1rem {
  margin-bottom: 1rem !important;
}

.mb2rem {
  margin-bottom: 2rem !important;
}

.mb3rem {
  margin-bottom: 3rem !important;
}

.ml0 {
  margin-left: 0px !important;
}

.ml5 {
  margin-left: 5px !important;
}

.ml10 {
  margin-left: 10px !important;
}

.ml20 {
  margin-left: 20px !important;
}

.ml25 {
  margin-left: 25px !important;
}

.ml30 {
  margin-left: 30px !important;
}

.mr0 {
  margin-right: 0px !important;
}

.mr5 {
  margin-right: 5px !important;
}

.mr10 {
  margin-right: 10px !important;
}

.mr20 {
  margin-right: 20px !important;
}

.mr30 {
  margin-right: 30px !important;
}

.mt0 {
  margin-top: 0px !important;
}

.mt3 {
  margin-top: 3px !important;
}

.mt5 {
  margin-top: 5px !important;
}

.mt10 {
  margin-top: 10px !important;
}

.mt15 {
  margin-top: 15px !important;
}

.mt20 {
  margin-top: 20px !important;
}

.mt30 {
  margin-top: 30px !important;
}

.mt40 {
  margin-top: 40px !important;
}

.mt50 {
  margin-top: 50px !important;
}

.mt1rem {
  margin-top: 1rem !important;
}

.mt2rem {
  margin-top: 2rem !important;
}

.mt3rem {
  margin-top: 3rem !important;
}

.pb0 {
  padding-bottom: 0px !important;
}

.pb3 {
  padding-bottom: 3px !important;
}

.pb5 {
  padding-bottom: 5px !important;
}

.pb10 {
  padding-bottom: 10px !important;
}

.pb20 {
  padding-bottom: 20px !important;
}

.pb30 {
  padding-bottom: 30px !important;
}

.pt0 {
  padding-top: 0px !important;
}

.pt3 {
  padding-top: 3px !important;
}

.pt5 {
  padding-top: 5px !important;
}

.pt10 {
  padding-top: 10px !important;
}

.pt15 {
  padding-top: 15px !important;
}

.pt20 {
  padding-top: 20px !important;
}

.pt30 {
  padding-top: 30px !important;
}

.pt1rem {
  padding-top: 1rem !important;
}

.pt2rem {
  padding-top: 2rem !important;
}

.pt3rem {
  padding-top: 3rem !important;
}

.pl0 {
  padding-left: 0px !important;
}

.pl3 {
  padding-left: 3px !important;
}

.pl5 {
  padding-left: 5px !important;
}

.pl10 {
  padding-left: 10px !important;
}

.pr0 {
  padding-right: 0px !important;
}

.pr3 {
  padding-right: 3px !important;
}

.pr5 {
  padding-right: 5px !important;
}

.pr10 {
  padding-right: 10px !important;
}

.pa10 {
  padding: 10px;
}

/* ----- text */
.lh10 {
  line-height: 1;
}

.lh12 {
  line-height: 1.2;
}

.lh15 {
  line-height: 1.5;
}

.lh18 {
  line-height: 1.8;
}

.lh20 {
  line-height: 2;
}

/* ----- color */
.clWh {
  color: #fff !important;
}

.cl-normal {
  color: #222 !important;
}

.cl-white {
  color: #fff !important;
}

.cl-gray {
  color: #888 !important;
}

.cl-red {
  color: #e81317 !important;
}

.cl-orange {
  color: #fe6800 !important;
}

.cl-blue {
  color: #0f77b9 !important;
}

.cl-pink {
  color: #ff5591 !important;
}

.cl-green {
  color: #1d7d12 !important;
}

.cl-success {
  color: #46b450;
}

.cl-warning {
  color: #ffb900;
}

.cl-error {
  color: #dc3232;
}

.cl-info {
  color: #00a0d2;
}

.cl-pdf {
  color: #ff2116;
}

.cl-word {
  color: #275196;
}

.cl-csv {
  color: #1e6d42;
}

.cl-icon {
  color: #0b389d;
}

/* font-weight */
.fw-bold {
  font-weight: bold;
}

.ime-active {
  ime-mode: active;
}

.ime-inactive {
  ime-mode: inactive;
}

/*
.notice-success,
.notice-warning,
.notice-error,
.notice-info {
	margin: 1rem 10px;
	padding: .5em;
	border-left: #ccc solid 5px;
	background: #fff;
	box-shadow: 0 1px 5px rgba(0,0,0,.15);
}
.notice-success { color: #46b450; border-left-color: #46b450; }
.notice-warning { border-left-color: #ffb900; }
.notice-error { color: #dc3232; border-left-color: #dc3232; }
.notice-info { color: #00a0d2; border-left-color: #00a0d2; }


.bg-white { background-color: #fff !important; }
.bg-gray { background-color: #eee !important; }
.bg-gray-dark { background-color: #555 !important; }
.bg-yellow-light { background-color: #fff8e6 !important; }
.bg-red { background-color: #ff2627 !important; }
.bg-orange { background-color: #FF9A2A !important; }
.bg-pink { background-color: #ff486e !important; }


.bdr-all-solid-1px{ border: #555 solid 1px;}
.bdr-all-solid-2px{ border: #555 solid 2px;}
.bdr-all-solid-3px{ border: #555 solid 3px;}
.bdr-all-solid-4px{ border: #555 solid 4px;}
.bdr-all-solid-5px{ border: #555 solid 5px;}
.bdr-all-solid-10px{ border: #555 solid 10px;}

.bdr-red { border-color: #ff2627 !important; }
.bdr-yellow { border-color: #f9d706 !important; }
.bdr-orange {	border-color: #FF9A2A !important;	}
.bdr-blue {	border-color: #206beb !important;	}
.bdr-pink {	border-color: #ff486e !important;	}
.bdr-green {	border-color: #29B818 !important;	}


.bg-stripe {
	border: #f3f3f3 solid 1px;
	background: #f3f3f3;
	background-image: repeating-linear-gradient(-45deg, transparent, transparent 10px, rgba(0, 0, 0, 0.05) 10px, rgba(0, 0, 0, 0.05) 20px );
}

.cl-gourmet {  color: #ff7100 !important; }
.cl-activity {  color: #fb4583 !important; }
.cl-accommodation {  color: #2952a7 !important; }
.bdr-gourmet {  border-color: #ff7100 !important;}
.bdr-activity {  border-color: #fb4583 !important; }
.bdr-accommodation { border-color: #2952a7 !important; }
.bg-gourmet {  background-color: #ff7100 !important; }
.bg-activity {  background-color: #fb4583 !important; }
.bg-accommodation {  background-color: #2952a7 !important; }
.img-gourmet {
	background-image: url('../img/gourmet.jpg');
	background-size: cover;
	background-position: center;
	height: 100px !important;
	border: none !important;
}
.img-activity {
	background-image: url('../img/activity.jpg');
	background-size: cover;
	background-position: center;
	height: 100px !important;
	border: none !important;
}
.img-accommodation {
	background-image: url('../img/accommodation.jpg');
	background-size: cover;
	background-position: center;
	height: 100px !important;
	border: none !important;
} */
/* ----- list */
.ulDisc {
  margin-left: 2em;
  list-style: outside disc;
}

.olDecimal {
  margin-left: 2em;
  list-style: outside decimal;
}

.olLatin {
  margin-left: 2em;
  list-style: outside upper-alpha;
}

.ulDisc li,
.olDecimal li,
.olLatin li {
  margin-bottom: 10px;
}

/* ----- decoration (button, etc...) */
/* .bdrR5 {
	border-radius: 5px;
	overflow: hidden !important;
}

.bdrR10 {
	border-radius: 10px;
	overflow: hidden !important;
}
.bdrR20 {
	border-radius: 20px;
	overflow: hidden !important;
}
.bdrR30 {
	border-radius: 30px;
	overflow: hidden !important;
}

hr {
	border: 0;
	height: 1px;
	background: #ccc;
	margin: 2rem 0;
} */
/* ----- button */
.btn-a {
  display: inline-block;
  margin: 0.25rem;
  padding: 0.25em 1em;
  border: #333 solid 1px;
  text-align: center;
  border-radius: 1.5em;
  color: #222;
  background: #fff;
}
.btn-a:hover {
  color: #1772cc;
  border-color: #1772cc;
}
.btn-a[class*=bg-]:hover {
  color: #fff;
  border-color: #aaa;
}

.btn-b {
  position: relative;
  display: inline-block;
  margin: 1rem;
  padding: 1rem 1.5rem;
  text-align: center;
  color: #222;
  border: #333 solid 2px;
  font-weight: bold;
  text-shadow: #fff 2px 0px 0px, #fff -2px 0px 0px, #fff 0px -2px 0px, #fff 0px 2px 0px, #fff 2px 2px 0px, #fff -2px 2px 0px, #fff 2px -2px 0px, #fff -2px -2px 0px, #fff 1px 2px 0px, #fff -1px 2px 0px, #fff 1px -2px 0px, #fff -1px -2px 0px, #fff 2px 1px 0px, #fff -2px 1px 0px, #fff 2px -1px 0px, #fff -2px -1px 0px, #fff 1px 1px 0px, #fff -1px 1px 0px, #fff 1px -1px 0px, #fff -1px -1px 0px;
  background-color: #fff;
}
.btn-b:hover {
  color: #222;
  background: #ff2627;
  box-shadow: 2px 2px 0 #fff inset, -2px -2px 0 #fff inset;
}

.btn-c {
  display: inline-block;
  margin: 0.25rem;
  padding: 1rem 1.5rem;
  text-align: center;
  box-shadow: 0 -0.25em 0 rgba(0, 0, 0, 0.25) inset;
  background-color: #2eb1f3;
  color: #fff;
  font-weight: bold;
  border-radius: 10px;
  text-shadow: 0 2px 0 rgba(0, 0, 0, 0.25);
}
.btn-c:hover {
  color: #fff;
  box-shadow: 0 0.25em 0 rgba(0, 0, 0, 0.25) inset;
}

.btn-d {
  display: inline-block;
  margin: 0.25rem;
  padding: 1rem 1.5rem;
  text-align: center;
  background-color: #fff;
  color: #222;
  border: #333 solid 2px;
  box-shadow: 3px 3px 0 #fff inset, -3px -3px 0 #fff inset;
  font-weight: bold;
  background-image: linear-gradient(to right, rgba(255, 255, 55, 0.8) 50%, rgba(255, 255, 55, 0) 51%);
  background-size: 210% auto;
  background-position: right top;
}
.btn-d:hover {
  color: #222;
  background-position: left top;
}

.btn-b.btn-small,
.btn-c.btn-small,
.btn-d.btn-small {
  padding: 0.25em 1em;
}

.btn-a.next,
.btn-b.next,
.btn-c.next,
.btn-d.next {
  position: relative;
  padding-right: 2.5em;
}

.btn-a.prev,
.btn-b.prev,
.btn-c.prev {
  position: relative;
  padding-left: 2.5em;
}

.btn-d.prev {
  position: relative;
  padding-left: 2.5em;
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0) 51%);
  background-size: 210% auto;
  background-position: left top;
}
.btn-d.prev:hover {
  background-position: right top;
}

.btn-a.next .iconbox,
.btn-b.next .iconbox,
.btn-c.next .iconbox,
.btn-d.next .iconbox,
.btn-a.prev .iconbox,
.btn-b.prev .iconbox,
.btn-c.prev .iconbox,
.btn-d.prev .iconbox {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  line-height: 1;
  font-size: 1em;
}

.btn-a.next .iconbox,
.btn-b.next .iconbox,
.btn-c.next .iconbox,
.btn-d.next .iconbox {
  right: 1em;
}

.btn-a.prev .iconbox,
.btn-b.prev .iconbox,
.btn-c.prev .iconbox,
.btn-d.prev .iconbox {
  left: 1em;
}

.list-link > li {
  margin-bottom: 5px;
}
.list-link > li > .btn-a,
.list-link > li > .btn-b,
.list-link > li > .btn-c,
.list-link > li > .btn-d {
  margin: 0;
  display: block;
  width: 100%;
}

.btn-e {
  display: inline-block;
  padding: 4px;
  border: #888 solid 1px;
  border-radius: 3px;
  line-height: 1;
  color: #222;
  background: #fff;
}
.btn-e:hover, .btn-e.active {
  border-color: #169ae4;
}
.btn-e:disabled {
  color: #aaa;
  background: #ddd;
}

.btn-submit {
  display: inline-block;
  margin: 0;
  border: #222 solid 1px;
  padding: 5px 1rem;
  background: #222;
  color: #fff;
  outline: 0;
}

.btn-view-more {
  display: inline-block;
  margin: 0 auto;
  color: #fff;
  padding: 5px 1rem;
  background: linear-gradient(to right, #edd477, #776628);
  outline: 0;
}

.news .btn-view-more {
  margin-top: 1em;
}

.search-box-btn .btn-submit {
  width: 100%;
  max-width: 300px;
}

.btn-submit.btn-confirm {
  display: inline-block;
  padding: 0.5em 1.5em;
  margin: 3px 0 10px;
  position: relative;
  border-radius: 5px;
  text-decoration: none !important;
  color: #fff !important;
  background: #5f5016;
  font-size: 1.2em;
}
.btn-submit.btn-confirm:hover {
  cursor: pointer;
  opacity: 0.7;
}
.btn-submit.btn-next {
  display: inline-block;
  padding: 0.5em 1.5em;
  margin: 3px 0 10px;
  position: relative;
  border-radius: 5px;
  text-decoration: none !important;
  color: #fff !important;
  background: #5f5016;
  font-size: 1.2em;
}
.btn-submit.btn-next:hover {
  cursor: pointer;
  opacity: 0.7;
}
.btn-submit.btn-confirm:disabled {
  background-color: #ddd;
  color: #555;
}
.btn-submit.btn-back {
  display: inline-block;
  padding: 0.5em 1.5em;
  margin: 3px 0 10px;
  position: relative;
  border-radius: 5px;
  text-decoration: none !important;
  color: #fff !important;
  background: #5f5016;
  font-size: 1.2em;
}

/* ----- youtube */
.youtubeBox {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.youtubeBox iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

/* --------------
 common
-------------- */
body.no-navigation #subNav,
body.no-navigation #footNav,
body.no-navigation .sharebox,
body.no-navigation .noticeWrap,
body.no-navigation #globalNav {
  display: none !important;
}

/* =header
-------------------------------------------------------------- **/
#header .main-logo {
  display: inline-block;
  width: 200px;
}

/*ハンバーガーアイコン*/
.btn-burger {
  cursor: pointer;
  display: block;
  width: 56px;
  height: 50px;
  position: absolute;
  top: 5px;
  right: 10px;
}

/*ハンバーガーアイコンを作る三本線*/
.icon {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  height: 2px;
  /*線の太さ*/
  width: 35px;
  /*線の長さ*/
  background-color: #444;
  border-radius: 2px;
  display: block;
  content: "";
  cursor: pointer;
  margin: auto;
}
.icon:before, .icon:after {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  height: 2px;
  /*線の太さ*/
  width: 35px;
  /*線の長さ*/
  background-color: #444;
  border-radius: 2px;
  display: block;
  content: "";
  cursor: pointer;
  margin: auto;
}
.icon:before {
  top: 12px;
}
.icon:after {
  top: -20px;
}

/*三本線の間隔*/
/*チェックボックス非表示*/
.nav-toggle {
  display: none;
}
.nav-toggle:checked ~ .btn-burger .icon {
  background: transparent;
}
.nav-toggle:checked ~ .btn-burger .icon:before {
  transform: rotate(-45deg);
  top: 0;
}
.nav-toggle:checked ~ .btn-burger .icon:after {
  transform: rotate(45deg);
  top: 0;
}

/*アイコンをクリックしたら*/
.icon {
  transition: all 0.8s;
}
.icon:before, .icon:after {
  transition: all 0.8s;
}

/*中身*/
.navCont {
  font-family: "Source Han Serif JP", "Noto Serif CJK JP", "游明朝体", "Yu Mincho", YuMincho, serif;
}

.nav-list {
  list-style: none;
  display: none;
  margin: 0;
}
.nav-list a {
  display: block;
  text-decoration: none;
  color: #333;
}

.nav-toggle:checked ~ .navCont .nav-list {
  display: block;
}

/* =siteHeader
---------------------------------------------------- */
/* =globalNav
---------------------------------------------------- */
/* .nav-unshown {
  display:none;
}
#globalNav li a {
	display: block;
	color: #222;
} */
/* =breadcrumb
---------------------------------------------------- */
#breadcrumbBox {
  padding: 0;
  line-height: 1;
  font-size: 0.9em;
}

#breadcrumb ul {
  margin-bottom: 0;
  padding: 5px;
}
#breadcrumb li {
  color: #222;
  display: inline-block;
  line-height: 1;
  padding: 5px 2px;
}
#breadcrumb li a {
  color: #222;
  text-decoration: none;
}
#breadcrumb li:not(:last-of-type):after {
  content: ">";
}

#breadcrumbBox ul::-webkit-scrollbar {
  height: 5px;
}
#breadcrumbBox ul::-webkit-scrollbar-track {
  border-radius: 5px;
  background: #eee;
}
#breadcrumbBox ul::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #ccc;
}

/* =container
-------------------------------------------------------------- **/
#container {
  margin: 3em auto 4em;
}

#main {
  min-height: 70vh;
}

.contents {
  padding: 0 10px 2rem;
}
.contents h1 {
  font-size: 1.5em;
  clear: both;
  margin-bottom: 0.5rem;
}
.contents h2 {
  margin-bottom: 1rem;
  font-size: 1.5em;
}
.contents h3 {
  margin-top: 3rem;
  margin-bottom: 1rem;
  font-size: 1.3em;
}
.contents h4 {
  margin-top: 2rem;
  margin-bottom: 1rem;
  font-size: 1.1em;
}
.contents h5 {
  margin-top: 1rem;
  margin-bottom: 1rem;
  font-size: 1em;
}
.contents p,
.contents figure,
.contents ul,
.contents ol,
.contents dl {
  margin-bottom: 1rem;
}
.contents table {
  margin-bottom: 1rem;
  border-collapse: collapse;
  border: 1px solid #888;
  width: 100%;
  background: #fff;
}
.contents table td,
.contents table th {
  border-collapse: collapse;
  border: 1px solid #888;
}
.contents table caption {
  font-weight: bold;
  padding: 10px;
  font-size: 1.1em;
}
.contents table th,
.contents table td {
  padding: 10px;
}
.contents table th {
  background: rgba(0, 0, 0, 0.1);
  vertical-align: top;
}
.contents dl dt {
  font-weight: bold;
  margin-bottom: 5px;
}
.contents dl dd {
  margin-left: 0.5rem;
}
.contents figure figcaption {
  padding: 0.25rem 0.5rem;
  font-size: 0.9em;
  /* background-color: #eee; */
}
.contents figure figcaption:last-child {
  margin-top: 0.5rem;
}

/* =headline / titles
---------------------------------------------------- */
/* コンテンツ中身 */
/* テーブル */
/* 画像中央寄せトリミング */
.centerPhoto {
  position: relative;
  /*width: 100%;*/
  height: 0;
  padding-top: 56.25%;
  overflow: hidden;
  display: block;
}
.centerPhoto img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.centerPhoto.imgBnrFeature img {
  max-width: none !important;
  width: 120%;
}
.centerPhoto.size6427 {
  padding-top: 42.18%;
}
.centerPhoto.size43 {
  padding-top: 75%;
}
.centerPhoto.size11 {
  padding-top: 100%;
}
.centerPhoto.size21 {
  padding-top: 50%;
}
.centerPhoto.size11 img {
  max-width: none !important;
  max-height: 100% !important;
}

/* 64:27 */
/* 4:3 */
/* 1:1 */
/* 2:1 */
.ofi {
  -o-object-fit: cover;
     object-fit: cover;
  font-family: "object-fit: cover;";
  width: 100%;
  height: 100%;
}
.ofi.contain {
  -o-object-fit: contain;
     object-fit: contain;
  font-family: "object-fit: contain;";
}
.ofi.ofinone {
  -o-object-fit: none;
     object-fit: none;
  font-family: "object-fit: none;";
}
.ofi.scale-down {
  -o-object-fit: scale-down;
     object-fit: scale-down;
  font-family: "object-fit: scale-down;";
}

/* =pagination
---------------------------------------------------- */
.pagination {
  width: 100%;
  text-align: center;
  margin-top: 2rem;
}
.pagination b,
.pagination a {
  display: inline-block;
  font-size: 0.9em;
  margin: 1px 2px;
  padding: 0.5em 0.7em;
  text-decoration: none;
  text-align: center;
  font-weight: bold;
  color: #222;
  line-height: 1;
  border: #222 solid 1px;
}
.pagination b,
.pagination a:hover {
  background: #222;
  color: #fff;
}

/* =sns
---------------------------------------------------- */
.sharebox {
  text-align: center;
  padding: 1rem 0;
  background: #fff;
  border-top: #222 dotted 1px;
}
.sharebox.nobdr {
  border: 0;
}
.sharebox .btn-sns {
  display: inline-block;
}
.sharebox .btn-sns.fb .fb_iframe_widget span {
  vertical-align: baseline !important;
}

/* トップへ戻る */
.toTop {
  text-align: center;
}
.toTop a {
  background-color: #d6b155;
  color: #fff;
  padding: 1em 2em;
  border-radius: 5px;
  display: inline-block;
}

/*--------------------------- */
/* =siteFooter
---------------------------------------------------- */
#foot {
  background: #26293a;
  color: #fff;
  position: relative;
  margin: 0;
  padding: 0;
  width: 100%;
  clear: both;
}
#foot a {
  color: #fff;
}

#footBox {
  display: grid;
  display: -ms-grid;
  width: 100%;
  -ms-grid-rows: auto auto;
  margin: 0 auto;
}

.footTggleTtl,
.headTggleTtl {
  pointer-events: none;
}

#footBox h3 {
  line-height: 1.3;
  font-size: 160%;
  font-weight: normal;
}

#foot #officeAddress {
  /* grid-row: 1 / 1;
  grid-column: 1 / 2;
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; */
  border-right: solid 1px;
  border-right-color: #d9d9d9;
  padding: 20px 10px;
}
#foot #fotNavi,
#foot #bnrLink {
  padding: 20px 10px;
}
#foot #officeAddress > h4 {
  background-image: url(../img/afo_footerLogo.png);
  width: 180px;
  padding-top: 50px;
  height: 0;
  overflow: hidden;
  background-size: contain;
  background-repeat: no-repeat;
}
#foot #officeAddress dl {
  line-height: 1.5;
  flex: 1;
}
#foot #officeAddress dl dt {
  margin-bottom: 10px;
}
#foot #officeAddress dl dd {
  font-size: 90%;
}
#foot #officeAddress dl dd ul li {
  margin-bottom: 3px;
}

.postCode:before {
  content: "〒";
  display: inline-block;
}

#iSns {
  padding-top: 15px;
}
#iSns p {
  margin-right: 10px;
  display: inline-block;
  vertical-align: middle;
}
#iSns ul {
  display: inline-block;
  vertical-align: middle;
}
#iSns ul li {
  display: inline-block;
  vertical-align: top;
  margin-right: 8px;
  margin-bottom: 0;
}
#iSns ul li a {
  display: block;
  height: 0;
  width: 35px;
  padding-top: 30px;
  position: relative;
  overflow: hidden;
  text-decoration: none !important;
}
#iSns ul li a:hover {
  color: #d6b155;
  transition: 0.1s;
}
#iSns ul li a:after {
  font-family: FontAwesome;
  font-size: 28px;
  line-height: 1;
  display: block;
  top: 0;
  left: 0;
  position: absolute;
}

li.twitter a:after {
  content: "\e61b";
}
li.facebook a:after {
  content: "\f230";
}
li.instagram a:after {
  content: "\f16d";
}
li.youtube a:after {
  content: "\f167";
}

/* ヘッダーsns */
.header_sns {
  max-width: 1000px;
  width: 100%;
  margin: auto;
  text-align: right;
  padding-top: 0px !important;
}
.header_sns a {
  color: #8e9294;
}

.en_btn a {
  background: #6e7173;
  color: #fff !important;
}
.en_btn a span {
  margin-left: 4px;
}

/* --------- */
#fotLinks {
  padding: 15px 0 10px;
}

#foot #officeAddress dl dd ul li {
  margin-bottom: 3px;
}
#foot #fotNavi {
  grid-row: 1/1;
  grid-column: 2/3;
  -ms-grid-row: 1;
  -ms-grid-column: 2;
  width: auto;
}
#foot #fotNavi > ul {
  -moz-column-count: 2;
       column-count: 2;
  list-style: none;
}
#foot #fotNavi li,
#foot #fotNavi a {
  display: inline-block;
}
#foot #fotNavi ul > li {
  display: block;
  font-size: 95%;
  margin-bottom: 10px;
  line-height: 1.3;
}
#foot #fotNavi ul > li ul {
  margin-top: 5px;
}
#foot #fotNavi ul li > ul > li {
  padding-left: 1em;
  margin-bottom: 10px;
}
#foot #fotNavi ul li ul li {
  display: block;
  font-size: 95%;
}
#foot #fotNavi ul li ul > li:before {
  content: "-";
  display: inline-block;
  width: 0.8em;
  margin-left: -0.8em;
  vertical-align: top;
}
#foot #bnrLink {
  grid-row: 1/1;
  grid-column: 3/4;
  -ms-grid-row: 1;
  -ms-grid-column: 3;
}
#foot #bnrLink ul {
  list-style: none;
}
#foot #bnrLink li a {
  display: inline-block;
  background-color: #fff;
  padding: 2px 5px;
  width: 160px;
}
#foot #bnrLink .footBnr01 a {
  background-color: #8d8c92 !important;
}
#foot #copyright {
  display: block;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding-right: 10px;
  text-align: right;
  font-size: 11px;
  position: absolute;
  right: 5px;
  bottom: 5px;
}

/* #foot #fotNavi a:link, #foot #fotNavi a:visited {
	color: #886227;
} */
@media screen and (max-width: 1000px) {
  #foot #footBox {
    padding: 0 10px;
  }
  #foot #officeAddress {
    display: block;
    margin-top: 10px;
    border-right: none;
    border-top: solid 1px #fff;
    grid-row: 2/3;
    grid-column: 1/3;
  }
  #foot #officeAddress > h4 {
    padding-top: 41px;
  }
  #foot #fotNavi {
    grid-row: 1/2;
    grid-column: 1/2;
    display: flex;
    margin-bottom: 15px;
    font-size: 15px;
    padding-top: 10px;
  }
  #foot #fotNavi > ul {
    width: 100%;
    margin: 0;
  }
  #foot #bnrLink {
    grid-row: 1/2;
    grid-column: 2/3;
    padding-top: 10px;
  }
  #foot #bnrLink ul li {
    margin-right: 5px;
  }
  #foot #copyright {
    position: relative;
    width: 100%;
    text-align: center;
  }
}
/* =copyright
---------------------------------------------------- */
/* =pageTop
---------------------------------------------------- */
#pageTop {
  position: fixed;
  bottom: 1%;
  right: 1%;
  z-index: 10000;
}
#pageTop a {
  display: block;
  width: 60px;
  height: 165px;
  background: url(../img/pagetop.png) no-repeat center;
  background-size: contain;
}
#pageTop a:hover {
  transform: translateY(-3px);
  filter: brightness(120%);
}

/* --------------
 page contents
-------------- */
.acd-check {
  display: none;
}

.acd-label {
  position: relative;
  display: block;
  padding: 10px;
  padding-right: 2rem;
  transition: 0.1s;
  background: #eee;
}
.acd-label:before, .acd-label:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0.5rem;
  transition: 0.1s;
  transform: translateY(-50%);
  line-height: 1;
  width: 1rem;
  height: 2px;
  background: #222;
}
.acd-label:hover {
  transition: 0.4s;
  background: #ddd;
}

.acd-check:checked ~ .acd-label,
.acd-check:checked + .acd-linkcont .acd-label {
  transition: 0.4s;
  background: #ddd;
}
.acd-check:checked ~ .acd-label:after,
.acd-check:checked + .acd-linkcont .acd-label:after {
  transition: 0.4s;
  transform: translateY(-50%) rotate(0);
}
.acd-check ~ .acd-label:after,
.acd-check + .acd-linkcont .acd-label:after {
  transform: translateY(-50%) rotate(-270deg);
}

.acd-content {
  height: 0;
  transition: 0.1s;
  visibility: hidden;
  opacity: 0;
  overflow: hidden;
}

.acd-check:checked ~ .acd-content,
.acd-check:checked + .acd-linkcont .acd-content {
  height: auto;
  visibility: visible;
  transition: 0.4s;
  opacity: 1;
}

/* =regist
------------------------------- */
.err_msg {
  color: #dd1317;
}

.errmsg {
  color: #dd1317;
  font-weight: bold;
}

.flag-must {
  background-color: red;
  color: #fff;
  padding: 0 3px;
  margin-left: 3px;
  margin-top: 10px;
  border-radius: 5px;
  font-size: 12px;
  font-weight: normal;
}

.flag-any {
  background-color: #555;
  color: #fff;
  padding: 0 3px;
  margin-left: 3px;
  margin-top: 10px;
  border-radius: 5px;
  font-size: 12px;
  font-weight: normal;
}

/* =form step
------------------------------- */
.form-step {
  display: flex;
  text-align: center;
  border: #222 solid 1px;
}
.form-step:after {
  display: none;
}
.form-step li {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 44px;
  padding: 0 10px;
  position: relative;
}
.form-step li:not(:last-child):before, .form-step li:not(:last-child):after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-width: 23px 0 23px 10px;
  border-style: solid;
  top: 0;
  position: absolute;
  z-index: 10;
}
.form-step li:not(:last-child):before {
  border-color: transparent transparent transparent #222;
  right: -10px;
}
.form-step li:not(:last-child):after {
  border-color: transparent transparent transparent #fff;
  right: -9px;
}
.form-step li.current {
  background: #d6b155;
  color: #fff;
  font-weight: bold;
}
.form-step li.current:not(:last-child):after {
  border-left-color: #d6b155;
}

/* =lower
------------------------------- */
.lower #header {
  padding: 1rem 0;
}

.contents.lower-contents .sticky-parent {
  position: relative;
  margin-top: 3rem;
}
.contents.lower-contents .sticky-parent .sticky {
  position: sticky;
  top: 0;
  padding: 1px 0;
  padding-top: 8px;
  background: #fff;
  z-index: 100;
}
.contents.lower-contents .sticky-parent .sticky h3 {
  margin-top: 0;
}
.contents.lower-contents .lower-contents-header {
  text-align: center;
  font-size: 1.6em;
  margin: 0 -10px;
  padding: 0 10px 2em;
}
.contents.lower-contents .lower-contents-header h2 {
  position: relative;
  margin: 0;
  padding: 0;
  display: inline;
}

/* .lower-contents-header h2:before,
.lower-contents-header h2:after{
	content: '';
	position: absolute;
	top: 50%;
	display: inline-block;
	width: 28px;
	height: 1px;
	background-color: #333;
} */
.lower-contents-header h2:before {
  left: -13%;
}
.lower-contents-header h2:after {
  right: -13%;
}

.contents.lower-contents h3 {
  position: relative;
  padding: 10px 10px;
  background-color: #2f3241;
  color: #fff;
  font-family: "Source Han Serif JP", "Noto Serif CJK JP", "游明朝体", "Yu Mincho", YuMincho, serif;
}
.contents.lower-contents h4 {
  line-height: 150%;
  border-bottom: dotted 2px #2f3241;
}

.agreeBtn,
.goldBtn {
  display: inline-block;
  padding: 0.5em 1.5em;
  margin: 3px 0 10px;
  position: relative;
  border-radius: 5px;
  text-decoration: none !important;
  color: #fff !important;
  background: #5f5016;
  font-size: 1.2em;
}

.agreeBtn:hover,
.goldBtn:hover {
  opacity: 0.7;
  text-decoration: none;
  color: #fff;
}

.grayBtn {
  padding: 0.5em;
  color: #333;
  display: inline-block;
  font-size: 1.1em;
  background-color: #ececec;
}

/* =supporter
---------------------------------------------------- */
.extraKinds a {
  margin-right: 1em;
}

/* =regist
---------------------------------------------------- */
.sentence {
  line-height: 2;
}

.help-text {
  color: #e73639;
}

.regist-item {
  border-bottom: 1px solid #d1d8eb;
  padding: 5px;
}
.regist-item dt {
  width: 100%;
  text-align: left;
  margin-top: 5px;
  margin-bottom: 10px !important;
}
.regist-item dd {
  width: 100%;
  text-align: left;
}
.regist-item input[type=search], .regist-item input[type=text], .regist-item input[type=email], .regist-item input[type=password], .regist-item input[type=number], .regist-item input[type=tel] {
  max-width: 100% !important;
  margin: 2px 0;
  padding: 10px;
  border-radius: 5px;
  border: #555 solid 1px;
  box-shadow: 1px 1px 2px 0 #707070 inset;
}
.regist-item textarea,
.regist-item select {
  max-width: 100% !important;
  margin: 2px 0;
  padding: 10px;
  border-radius: 5px;
  border: #555 solid 1px;
  box-shadow: 1px 1px 2px 0 #707070 inset;
}
.regist-item input[type=search]:focus, .regist-item input[type=text]:focus, .regist-item input[type=email]:focus, .regist-item input[type=password]:focus, .regist-item input[type=number]:focus, .regist-item input[type=tel]:focus {
  outline: none;
  box-shadow: inset 1px 1px 2px 0 #c9c9c9;
}
.regist-item textarea:focus,
.regist-item select {
  outline: none;
  box-shadow: inset 1px 1px 2px 0 #c9c9c9;
}
.regist-item input:not(:focus):-moz-placeholder-shown:required, .regist-item textarea:not(:focus):-moz-placeholder-shown:required {
  background-color: #f8f0dd;
}
.regist-item input:not(:focus):placeholder-shown:required,
.regist-item textarea:not(:focus):placeholder-shown:required {
  background-color: #f8f0dd;
}
.regist-item ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.regist-item li label {
  position: relative;
  display: inline-block;
  padding: 10px 20px;
  z-index: 1;
  margin-bottom: 7px;
  background-color: #cfcfcf;
  border-radius: 5px;
  font-weight: bold;
  margin-right: 16px;
}
.regist-item li label.deleteCheck {
  background-color: #fff;
  padding: 10px 0;
}
.regist-item li label:hover input + span:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border: #2f3241 solid 2px;
  border-radius: 5px;
  z-index: -1;
}
.regist-item li input:checked + span:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border: #2f3241 solid 2px;
  border-radius: 5px;
  z-index: -1;
  background-color: #2f3241;
}
.regist-item li label input:checked + span {
  color: #fff !important;
}

.regist-img li {
  width: 50%;
  padding: 0 20px;
  margin: 15px 0;
}

.formBox .regist-item:last-child {
  border-bottom: none;
  padding: 5px;
}

.content .text_button .text {
  width: 100%;
}
.content .content .text,
.content .text_button p {
  text-align: left;
}
.content .image img {
  width: 50%;
  height: auto;
  overflow: hidden;
}

#about .content .image img {
  width: 80%;
  height: auto;
  overflow: hidden;
}

.content button {
  display: block;
}

/* supportedのとこ */
.article img {
  margin: 8px auto;
  width: auto;
  height: auto;
}

.no_feature {
  font-size: 20px;
  text-align: center;
}

.flex-article .no_feature {
  font-size: 20px;
  text-align: center;
  height: 15vh;
  margin: auto;
  margin-top: 32px;
}

.see_more p {
  display: inline-block;
  padding: 8px;
  font-size: 1.6em;
  letter-spacing: 0.1em;
}

.flxclm {
  display: flex;
  flex-direction: column;
}

.bgColor1 {
  background: #f7f0e0;
}

.cmBtn.srcmBox,
.srcmBox {
  border: 1px solid #d6b155;
  padding: 0.5em;
  background-color: #fff;
  border-radius: 5px;
}

.cmBtn.srcmBox {
  border: none;
  width: 48px !important;
  color: white;
  background-color: #d6b155;
  border-radius: 3px;
  margin-left: 5px;
}

.srcmBox {
  margin: 4px 0;
  height: 48px;
}

.cmBtn.srcmBox,
.srcmBox {
  height: 48px;
}

input.srcmBox {
  height: 48px;
  box-sizing: border-box;
}

button,
select {
  text-transform: none;
}

.cmBtn.srcmBox:hover {
  background: #fff;
  color: #000;
  transition: 0.3s;
}

.feature_article .art_title {
  width: 100%;
  font-size: 25px;
  text-align: left;
  display: inline-block;
  margin: 16px auto;
  letter-spacing: 0.2rem;
}

.flex_company {
  width: 100%;
  display: flex;
  flex-flow: column;
  justify-content: space-between;
  margin: auto;
  border: solid 1px hsl(0, 2%, 73%);
  box-sizing: border-box;
  text-align: center;
  word-break: break-all;
  letter-spacing: 0.2rem;
  position: relative;
}
.flex_company::after {
  content: none;
}

.imgbox {
  height: 200px;
  position: relative;
  width: 100%;
  overflow: hidden;
}
.imgbox img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.subpage.detail .detailBox .deDlBox {
  border-bottom: 1px solid #e0e0e0;
  padding: 0.8em 0;
}
.subpage.detail .expTxt {
  margin-bottom: 40px;
}
.subpage.detail .detailBox {
  border-top: 1px solid #bfbfbf;
  border-bottom: 1px solid #bfbfbf;
  margin-bottom: 1em;
}

#detailslideImg {
  margin: 40px auto;
}

.subpage.detail .detailBox .deDlBox:last-child {
  border-bottom: none;
}

#slideImgCP {
  display: flex;
  justify-content: center;
  padding: 0 100px;
}
#slideImgCP .imgBox {
  margin-right: 0.4em;
}

/* ---------ここからhome----------*/
.nav li a:hover {
  text-decoration: none;
  opacity: 0.7;
  transition: 0.3s;
}

h2 {
  font-family: "Source Han Serif JP", "Noto Serif CJK JP", "游明朝体", "Yu Mincho", YuMincho, serif;
}

.in {
  width: 1000px;
  margin: 0 auto;
  line-height: 1.6;
}

/* .page-top,
#contact {
	font-family: "Source Han Serif JP", "Noto Serif CJK JP", "游明朝体", "Yu Mincho", YuMincho, serif;
} */
#announcement {
  display: flex;
  justify-content: space-around;
  margin: 16px auto;
}

#supported-works {
  margin: 32px auto;
  background: #26293a;
  padding: 15px 8px 28px;
}
#supported-works p {
  color: #fff;
}

.flex-article {
  display: flex;
  font: 14px/1.2 "Noto Sans JP", sans-serif;
}

#mainVisual .mvBgImg {
  display: inline-block;
  width: 100%;
  min-height: 400px;
  max-height: 500px;
  height: 60vh;
  -o-object-fit: cover;
     object-fit: cover;
  position: relative;
}

.mvRelease {
  text-align: center;
}
.mvRelease p,
.mvRelease a {
  color: #fff;
}
.mvRelease .mvRelese_txtBox {
  background-color: rgba(20, 20, 20, 0.7294117647);
  padding: 1em;
}
.mvRelease .mvRelese_imgBox {
  max-height: 340px;
}
.mvRelease .mvRelese_imgBox img {
  max-height: 340px;
  -o-object-fit: contain;
     object-fit: contain;
}

/* 制作者・サポーター入口 */
.home-navCont li a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  color: #fff;
}
.home-navCont li a:hover {
  opacity: 0.7;
  transition: 0.3s;
  text-decoration: none;
}

.home-navLeft,
.home-navRight {
  padding: 2vw 1vw;
  text-align: center;
}

.home-navLeft_ttl {
  padding: 1em;
  background-color: #703515;
  color: #fff;
  border-bottom: solid 1px;
}

.home-navLeft_list li {
  background: linear-gradient(to right, #bd764a, #703515);
}
.home-navLeft_list li a {
  color: #fff;
}

.home-navRight_list li a {
  color: #fff;
}

.home-navLeft_list {
  display: grid;
  grid-template-rows: 60px 60px 60px;
  grid-template-columns: 50% 1fr;
}

.home-navLeft li.gr1 {
  grid-row: 1/2;
  grid-column: 1/2;
}
.home-navLeft li.gr2 {
  grid-row: 1/2;
  grid-column: 2/3;
}
.home-navLeft li.gr3 {
  grid-row: 2/3;
  grid-column: 1/2;
}
.home-navLeft li.gr4 {
  grid-row: 2/3;
  grid-column: 2/3;
}
.home-navLeft li.gr5 {
  grid-row: 3/4;
  grid-column: 1/2;
}
.home-navLeft li.gr6 {
  grid-row: 3/4;
  grid-column: 2/3;
}

.home-navRight_ttl {
  padding: 1em;
  background-color: #202038;
  color: #fff;
  border-bottom: solid 1px;
}

.home-navRight_list {
  display: grid;
  grid-template-rows: 60px 60px 60px;
  grid-template-columns: 50% 1fr;
}
.home-navRight_list li {
  background: linear-gradient(to right, #94959e, #202038);
}

.home-navRight li.gr1 {
  grid-row: 1/4;
  grid-column: 1/2;
}
.home-navRight li.gr2 {
  grid-row: 1/2;
  grid-column: 2/3;
}
.home-navRight li.gr3 {
  grid-row: 2/3;
  grid-column: 2/3;
}
.home-navRight li.gr4 {
  grid-row: 3/4;
  grid-column: 2/3;
}

.ftSmall {
  font-size: 14px;
  display: inline-block;
  margin: 16px 0 4px;
}

.title {
  text-align: center;
}

.page-top .title h1 {
  color: #d6b155;
  margin: 32px auto 4px;
  font-weight: 900;
  font-size: 3rem;
}
.page-top .title h2 {
  color: #d6b155;
  margin: 16px auto 4px;
  font-weight: 900;
}

.title p {
  color: #303030;
  margin: 4px auto 16px;
}
.title .sub {
  color: #303030;
  font-size: 1rem;
}

.HL1 {
  border-bottom: solid #808080 1px;
}

.sentence {
  margin: 32px auto 16px;
  width: 60%;
}

.btn-box {
  text-align: center;
}
.btn-box a:hover {
  text-decoration: none;
  color: #fff;
  opacity: 0.7;
  transition: 0.3s;
}

.menu-table {
  border: none;
  text-align: center;
  font: 14px/1.2 "Noto Sans JP", sans-serif;
  width: 100%;
  height: 30vh;
  color: #fff;
  table-layout: fixed;
  font-size: 1.2rem;
}
.menu-table td a {
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}
.menu-table td:hover {
  opacity: 0.7;
  transition: 0.3s;
}
.menu-table .mini {
  font-size: 14px;
  display: inline-block;
  margin: 16px 0 4px;
}

.table-orange th {
  background: #713614;
  height: 20%;
}
.table-orange td {
  background: linear-gradient(to right, #bd764a, #703515);
}

.table-blue th {
  background: #1e1e36;
  height: 20%;
}
.table-blue td {
  background: linear-gradient(to right, #94959e, #202038);
}

.static-table {
  font: 14px/1.2 "Noto Sans JP", sans-serif;
  /* border: solid 1px #303030; */
  line-height: 2;
}
.static-table th {
  /* border: solid 1px #303030; */
  color: #d6b155;
  white-space: nowrap;
  border-left: solid 2px #d6b155;
  padding: 0 4px;
  letter-spacing: 2px;
}
.static-table td {
  border: solid 1px #303030;
  padding-left: 8px;
  letter-spacing: 1px;
}

.foSupportTr a {
  display: block !important;
  padding: 50px;
}

/* 2023_10 追加　PICK UP */
#pick_up {
  margin: 0 auto;
  background: #f3f3f3;
  padding: 16px;
}

.movie_pr {
  margin: 2em auto;
  text-align: center;
}
.movie_pr a {
  display: inline-block;
}

.news {
  width: 80%;
  margin: 0 auto;
  max-height: 400px;
}

.news_leftCont {
  min-width: 30%;
}

.newsList li {
  border-bottom: 0.5px #4e4e4e dotted;
  padding: 1em 0;
  display: flex;
  align-items: center;
  position: relative;
}

.news-cat {
  background: #26293a;
  padding: 0.1em 0.5em 0.3em;
  color: #fff;
  display: inline-block;
}

#newsLetter_map .awaji_bnr a {
  margin: 16px;
}

.awaji_bnr a {
  margin: 0 5px 0;
}

#bnrArea ul {
  align-items: center;
}
#bnrArea a img {
  -o-object-fit: contain;
     object-fit: contain;
}
#bnrArea .toAgree a {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  margin: 0 auto;
  max-width: 200px;
  padding: 6%;
  color: #fff;
  background-color: #9c8240;
}
#bnrArea .toAgree a:hover {
  text-decoration: none !important;
  opacity: 0.7;
}

/* ---------------------ここまでhome */
/**********

カードデザイン
**********/
.extra-num {
  font-size: 1.5em;
}

.searchList {
  margin: 60px 0;
}
.searchList .searchList-item {
  display: block;
  position: relative;
  color: #111;
}
.searchList .searchList-item2 {
  margin-bottom: 2em;
}
.searchList .searchList-item .location-db {
  height: 160px;
  width: 100%;
  display: inline-block;
}
.searchList .searchList-item img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

/* .searchList .searchList-item .inner {
	padding: 10px;
	line-height: 1.5;
} */
#movieConts .searchList .searchList-item img {
  -o-object-fit: cover;
     object-fit: cover;
  height: 160px;
  width: 100%;
}

.searchList .searchList-item .tag {
  margin: 3px 0 5px;
}
.searchList .searchList-item .tag span {
  display: inline-block;
  background-color: #e4b76f;
  color: #fff;
  padding: 1px 3px;
  border-radius: 3px;
  font-size: 12px;
}
.searchList .searchList-item .tag span:nth-child(n+2) {
  margin-left: 3px;
}
.searchList .searchList-item h3 {
  margin: 0 !important;
  padding: 0 !important;
  font-size: 1.1em;
  font-weight: bold;
}
.searchList .searchList-item .catchcopy {
  margin: 15px 0 10px 0;
  font-size: 16px;
  font-weight: bold;
}
.searchList .searchList-item .body {
  font-size: 0.9em;
  margin-top: 3px;
}

/* .searchList .searchList-item .ander .comp-info {
	margin-top: 10px;
	border: 2px solid #CCBE8F;
	color: #CCBE8F;
} */
@media screen and (max-width: 766px) {
  /* .searchList .searchList-item .inner {
  	padding: 10px;
  } */
  .searchList .searchList-item .location-db,
  #movieConts .searchList .searchList-item img {
    height: 25vw;
  }
  .searchList .searchList-item h3 {
    font-size: 0.9em;
  }
  .searchList .searchList-item .body {
    font-size: 0.8em;
  }
  .searchList .searchList-item2 {
    margin-bottom: 1em;
  }
}
/*****

検索ボックス

*****/
.searchBox {
  padding: 3em 0;
  background: #f0ece2;
}

.serch-flx {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}

.cond {
  width: 30%;
  padding: 0 3px;
}
.cond .input {
  text-align: left;
  text-align: left;
  position: relative;
  margin: 0 10px 0 0;
  padding: 0 10px;
  width: 100%;
  height: 50px;
  line-height: 45px;
  font-size: 14px;
  border: #dcdcdc 1px solid;
  background-color: #fff;
  border-radius: 5px;
  cursor: pointer;
}
.cond .input input,
.cond .input select {
  width: 100%;
  height: 100%;
  border: none;
  background-color: transparent;
  outline: 0;
}
.cond .input.switch:after {
  display: block;
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -4px;
  width: 15px;
  height: 8px;
  line-height: 15px;
  background: url(/img//ico_arrow_down.svg) no-repeat;
  content: " ";
}

.btn-serch {
  border: none;
  width: 48px;
  height: 48px;
  color: white;
  background-color: #d6b155;
  border-radius: 3px;
  margin-left: 5px;
}
.btn-serch .pc-none {
  display: none;
}
.btn-serch .fa-search {
  font-size: 16px;
}

/*------letter-------*/
.br-sp {
  display: none;
}

.under-line {
  border-bottom: 1px solid #000;
  padding-bottom: 2px;
}

ul.square {
  list-style: square inside;
}

#letter-latest .latest-container {
  display: flex;
  justify-content: space-evenly;
}

div.latest-container:after {
  content: none;
}

.latest-container .magazine-box,
.backnumber-container .magazine-box {
  text-align: center;
}

.latest-container .magazine-box {
  max-width: 380px;
}
.latest-container .magazine-box p {
  margin: 10px 0;
}
.latest-container .magazine-box p:nth-of-type(1) {
  font-size: 1.5rem;
}

.magazine-box a {
  display: inline-block;
}

.backnumber-container {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  align-items: center;
  gap: 50px;
}
.backnumber-container .magazine-box p {
  margin: 10px 0;
}

/*ボタン*/
.magazine-box .dwn a {
  position: relative;
  display: flex;
  justify-content: space-around;
  align-items: center;
  margin: 0 auto;
  max-width: 150px;
  padding: 5px 0;
  color: #000000;
  transition: 0.3s ease-in-out;
  font-weight: lighter;
  background: rgba(238, 238, 238, 0.9333333333);
  box-shadow: 1px 1px 0px 1px #cccccc;
}
.magazine-box .dwn a:hover {
  transform: translate3d(1px, 1px, 0);
  box-shadow: none;
  opacity: 0.7;
  transition: all 0.2s;
  text-decoration: none;
}

/*水平線*/
.horizon {
  display: flex;
  align-items: center;
  justify-content: center;
}
.horizon:before, .horizon:after {
  border-top: 1px solid #222627;
  content: "";
  width: 2.5em;
}
.horizon:before {
  margin-right: 15px;
}
.horizon:after {
  margin-left: 15px;
}

/*-------------------*/
/*----library--------*/
div.in.lead-text:after {
  content: none;
}

.lead-text {
  display: flex;
  justify-content: space-between;
  padding: 20px;
}

.movie-container {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 30px;
  justify-items: center;
  padding: 20px;
}
.movie-container .movie-items {
  max-width: 280px;
  background-color: #ececec;
  box-shadow: #4d4d4d 0px 0px 15px;
}
.movie-container .movie-items iframe {
  padding: 10px;
}
.movie-container .movie-items a {
  display: block;
  text-decoration: none;
  color: #000;
}
.movie-container .movie-items a:hover {
  opacity: 0.7;
}

.movie-title {
  font-weight: bold;
  font-size: 1.1em;
}

.movie-text {
  padding: 10px;
}

.space {
  margin-left: -10px;
}

p.date {
  margin-bottom: 0;
  text-align: left;
}

.pa20 {
  padding: 20px;
}

ul.asterisk li {
  list-style-type: none;
  margin-bottom: 10px;
  -webkit-text-decoration: underline #000;
          text-decoration: underline #000;
}
ul.asterisk li:before {
  display: inline;
  content: "※";
}

#library-policy p,
#library-policy li {
  line-height: 1.5rem;
}
#library-policy ol {
  margin-left: 2em;
}
#library-policy ol li {
  list-style-type: none;
  counter-increment: cnt;
  position: relative;
}
#library-policy ol li::before {
  content: "(" counter(cnt) ")";
  display: inline-block;
  margin-left: -3.5em;
  width: 3em;
  text-align: right;
  position: absolute;
  top: 0;
  left: 0;
}

/*-------------------*/
/*-------map--------*/
.br-sp {
  display: none;
}

/*------------------*/
/*-----protection-----*/
#protection-top h2:before {
  left: -20%;
}
#protection-top h2:after {
  right: -20%;
}

.inquiry {
  line-height: 1.5em;
  display: inline-block;
  border: #2f3241 1px solid;
  padding: 10px;
}

/*--------------------*/
/*-----policy-----*/
.decimal {
  margin-left: 1em;
  list-style: outside decimal;
}

/*----------------*/
/*----agree----*/
#agree #agree table:nth-of-type(3) tr td:nth-of-type(3) {
  /* width: 14%; */
}
#agree table {
  table-layout: fixed;
}

/*-------------*/
/*-----news------*/
/*index*/
#newsConts .lower-contents-header h2:before {
  left: -25%;
}
#newsConts .lower-contents-header h2:after {
  right: -25%;
}

.newsImg img {
  max-height: 500px;
  -o-object-fit: contain;
     object-fit: contain;
}

.news-index {
  max-width: 1200px;
  padding: 0 20px 50px;
}

.news-container {
  display: flex;
}

.news-title,
.news-text {
  color: #222;
}

.news-date {
  min-width: 130px;
  display: flex;
  align-items: center;
}

.news-items {
  margin-left: 30px;
}

#news .see_more {
  text-align: right;
  padding-right: 10px;
}
#news .see_more p {
  font-size: 1em;
  padding: 0;
}

img.img-size {
  width: 25px !important;
  margin-right: 5px;
}

/*「詳しくみる」の三角*/
.triangle {
  position: relative;
  display: inline-block;
  padding-left: 12px;
  color: #222;
  text-decoration: none;
}
.triangle:before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 0 6px 8px;
  border-color: transparent transparent transparent #222;
  border-radius: 10px;
  position: absolute;
  top: 55%;
  left: -15%;
  margin-top: -6px;
}

/*detail*/
#newsConts section#mv h3 {
  border-bottom: 1px solid rgb(80, 78, 78);
  padding-bottom: 5px;
}

/*---------------*/
/* slick */
.slider-nav .slick-track {
  transform: unset !important;
  display: flex;
}
.slider-nav .slick-slide {
  cursor: pointer;
}
.slider-nav .slick-slide:not(.slick-current) {
  opacity: 0.5;
}
.slider-nav figure img {
  width: 100%;
  height: 100%;
  max-height: 100px;
  -o-object-fit: scale-down;
     object-fit: scale-down;
}

/* social */
#social a {
  display: block;
  color: #fff;
  padding: 0.5em 1em;
  height: 40px;
  border-radius: 1em;
  margin: 0 1em;
  font-size: 0.8em;
}
#social a:hover {
  opacity: 0.7;
}
#social a i {
  font-size: 1.2rem;
}
#social a span {
  font-size: 0.8rem;
}

.sclFb a {
  background-color: #1877f2;
}

.sclTw a {
  background-color: #1da1f2;
}

.sclLINE a {
  background-color: #00c300;
}
.sclLINE img {
  width: 22px;
  vertical-align: middle;
  margin-right: 8px;
}

#movieConts .contents .detailBox .remarks_box .flexBox .remarks_txt h3 {
  margin-top: 10px;
  margin-bottom: 5px;
  padding-left: 5px;
  border-bottom: 3px #d6b155 solid;
  font-size: 1.2em;
  line-height: 1.2em;
}
#movieConts .contents .detailBox .remarks_box .flexBox .remarks_txt h4 {
  margin-top: 10px;
  margin-bottom: 5px;
  padding-left: 5px;
  border-left: 5px #d6b155 solid;
  font-size: 1.2em;
  line-height: 1.2em;
}

@media screen and (max-width: 766px) {
  .serch-flx {
    display: block;
  }
  .cond {
    width: 100%;
    padding: 5px 0;
  }
  .btn-serch {
    width: 100%;
    height: auto;
    padding: 10px 0;
    margin-left: 0;
  }
  .btn-serch .fa-search {
    margin-left: 8px;
  }
  .btn-serch .pc-none {
    display: inline-block;
    font-size: 16px;
  }
}
.member__about {
  margin-top: 2em;
}

.member__about h2 {
  display: inline-block;
  position: relative;
  padding: 0.5rem 0;
  text-align: center;
  overflow: hidden;
  animation: clip-text 0.5s ease-in-out forwards;
}
.member__about h2::before {
  content: "";
  display: block;
  background-color: #26293a;
  position: absolute;
  inset: 0;
  animation: clip-cover 1s ease-in-out forwards;
  animation-delay: 0.5s;
}
@keyframes clip-text {
  from {
    -webkit-clip-path: inset(0 100% 0 0);
            clip-path: inset(0 100% 0 0);
  }
  to {
    -webkit-clip-path: inset(0 0 0 0);
            clip-path: inset(0 0 0 0);
  }
}
@keyframes clip-cover {
  from {
    -webkit-clip-path: inset(0 0 0 0);
            clip-path: inset(0 0 0 0);
  }
  to {
    -webkit-clip-path: inset(0 0 0 100%);
            clip-path: inset(0 0 0 100%);
  }
}

.member__document {
  background-color: #fffcf4;
  padding: 0.5em 1em 3em;
  box-shadow: 0px 12px 20px 0px rgba(0, 0, 0, 0.08);
}
.member__document li {
  border-bottom: 1px dashed #b5b5b5;
  margin-bottom: 1rem;
}/*# sourceMappingURL=common.css.map */