@charset "UTF-8";
/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/
html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

body {
  line-height: 1;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

nav ul,
nav li {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

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

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

/* change colours to suit your needs */
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

/* change colours to suit your needs */
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

del {
  text-decoration: line-through;
}

abbr[title],
dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

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

/* change border colour to suit your needs */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0;
}

input,
select {
  vertical-align: middle;
}

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

*:focus {
  outline: none;
}

/*--------------------------------------------------------------
add
--------------------------------------------------------------*/
a {
  text-decoration: none;
  cursor: pointer;
  outline: none;
}

ul,
ol {
  list-style: none;
}

/*--------------------------------------------------------------
color
--------------------------------------------------------------*/
/*--------------------------------------------------------------
font-size
--------------------------------------------------------------*/
/*--------------------------------------------------------------
opacity transition
--------------------------------------------------------------*/
/*--------------------------------------------------------------
font-family
--------------------------------------------------------------*/
/*--------------------------------------------------------------
etc
--------------------------------------------------------------*/
html {
  font-size: 62.5%;
}

body {
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: 500;
  color: #333;
  line-height: 1.83;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: #fff;
  overflow-x: hidden;
  overflow-wrap: break-word;
  width: 100%;
  margin: 0;
  padding: 0;
  font-size-adjust: 100%;
  text-justify: none;
}
body {
  /* background-image: url(../images/bg_stripe.jpg);
  background-repeat: repeat;
  background-size: 30px 30px; */
}

header {
  width: 100%;
}

p {
  text-align: justify;
  text-justify: inter-ideograph;
  -ms-text-justify: inter-ideograph;
}

img {
  vertical-align: middle;
}

img {
  max-width: 100%;
}

/*--------------------------------------------------------------
print
--------------------------------------------------------------*/
@media print {
  .no-print {
    display: none;
  }
}

/*--------------------------------------------------------------
tell link sponly
--------------------------------------------------------------*/
@media (min-width: 751px) {
  a[href*="tel:"] {
    pointer-events: none;
    cursor: default;
    text-decoration: none;
  }
}

/*--------------------------------------------------------------
width
--------------------------------------------------------------*/
/*--------------------------------------------------------------
mq
--------------------------------------------------------------*/
/*--------------------------------------------------------------
px - vw
--------------------------------------------------------------*/
/*--------------------------------------------------------------
inner
--------------------------------------------------------------*/
.inner {
  max-width: 1080px;
  width: 100%;
  margin: 0 auto;
  position: relative;
}

@media screen and (max-width: 1080px) {
  .inner {
    max-width: 98vw;
  }
}

@media screen and (max-width: 768px) {
  .inner {
    max-width: 90vw;
  }
}

@media screen and (max-width: 600px) {
  .inner {
    max-width: 95vw;
  }
}

/*--------------------------------------------------------------
font-size
--------------------------------------------------------------*/
body {
  font-size: 1.6rem;
}

p,
li {
  font-size: 1.9rem;
}

@media screen and (max-width: 1080px) {
  body {
    font-size: 1.6rem;
  }
  p,
  li {
    font-size: 1.9rem;
  }
}

@media screen and (max-width: 768px) {
  body {
    font-size: 1.6rem;
  }
  p,
  li {
    font-size: 1.6rem;
  }
}

@media screen and (max-width: 600px) {
  body {
    font-size: 1.6rem;
    line-height: 1.5;
  }
  p,
  li {
    font-size: 1.6rem;
    line-height: 2.3;
  }
}

/*--------------------------------------------------------------
only
--------------------------------------------------------------*/
.forpc {
  display: block;
}
@media screen and (max-width: 1920px) {
  .forpc {
    display: block;
  }
}
@media screen and (max-width: 1080px) {
  .forpc {
    display: block;
  }
}
@media screen and (max-width: 768px) {
  .forpc {
    display: block;
  }
}
@media screen and (max-width: 600px) {
  .forpc {
    display: none;
  }
}

.forsp {
  display: none;
}
@media screen and (max-width: 1920px) {
  .forsp {
    display: none;
  }
}
@media screen and (max-width: 1080px) {
  .forsp {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .forsp {
    display: none;
  }
}
@media screen and (max-width: 600px) {
  .forsp {
    display: block;
  }
}

/*--------------------------------------------------------------
hover
--------------------------------------------------------------*/
.alpha {
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.alpha:hover {
  opacity: 0.5;
}

/*--------------------------------------------------------------
scroll
--------------------------------------------------------------*/
#page_top {
  width: 50px;
  height: 50px;
  position: fixed;
  right: 0;
  bottom: 50px;
  opacity: 0.5;
}
@media screen and (max-width: 600px) {
  #page_top {
    bottom: 5px;
  }
}

#page_top a {
  position: relative;
  display: block;
  width: 50px;
  height: 50px;
  text-decoration: none;
}
html {
  height: 100%;
}
body:after {
  /* background-image: url(../images/bg_2.png); */
  /* background-repeat: no-repeat;
  background-position: top center; */
  /* position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  z-index: -1;
  background: rgb(32, 41, 109);
  background: linear-gradient(180deg, rgba(32, 41, 109, 1) 0%, rgba(34, 18, 45, 1) 50%, rgba(56, 2, 16, 1) 100%); */
}
@media screen and (max-width: 768px) {
  body {
    /* background-size: contain;
    background-image: url(../images/bg-sp_2x.png); */
    /* background-image: none; */
  }
}
@media screen and (max-width: 600px) {
  body {
    /* background-size: contain;
    background-image: url(../images/bg-sp_2x.png); */
    /* background-image: none; */
  }
}

h1 {
  text-align: center;
  padding-top: 20px;
}

@media screen and (max-width: 768px) {
  .ttllogo {
    display: none;
  }
}

@media screen and (max-width: 600px) {
  .ttllogo {
    display: none;
  }
}
.subttl_box {
  width: 20%;
  margin: 0 auto;
  margin-top: 20px;
}
@media screen and (max-width: 768px) {
  .subttl_box {
  }
}

@media screen and (max-width: 600px) {
  .subttl_box {
    width: 40vw;
    margin-top: 10px;
  }
}
.mv_box {
  width: 100%;
  margin: 0 auto;
  margin-bottom: 0;
  margin-top: 5px;
  text-align: center;
}
.mv_box.small_ver {
  width: 45%;
  margin-bottom: 10px;
  margin-top: 10px;
}
@media screen and (max-width: 768px) {
  .mv_box {
  }
}
@media screen and (max-width: 600px) {
  .mv_box {
    width: 95vw;
    margin-bottom: 20px;
    margin-top: 20px;
  }
}
.ttllogo_box {
  /* margin-bottom: 200px; */
  width: 70%;
  margin: 0 auto;
  margin-top: 30px;
  /* margin-bottom: 50px; */
}
@media screen and (max-width: 768px) {
  .ttllogo_box {
    /* margin-bottom: 65.10417vw; */
    /* margin-bottom: 0; */
  }
}
@media screen and (max-width: 600px) {
  .ttllogo_box {
    /* margin-bottom: 83.33333vw; */
    /* margin-bottom: 0; */
    width: 80vw;
    margin-top: 20px;
  }
}
.ttllogo_box_sp {
  display: none;
}
@media screen and (max-width: 768px) {
  .ttllogo_box_sp {
    display: block;
  }
}
@media screen and (max-width: 600px) {
  .ttllogo_box_sp {
    display: block;
  }
}
.content {
  width: 90%;
  margin: 0 auto;
  margin-bottom: 50px;
  background-color: #ffff;
  border-radius: 15px;
  padding-bottom: 50px;
  box-shadow: 0px 5px 15px 5px rgba(227, 208, 96, 0.35);
  /* box-shadow: 0px 5px 15px 5px rgba(255, 198, 242, 0.35); */
}
@media screen and (max-width: 768px) {
  .content {
    width: 100%;
    border-radius: 1.95312vw;
  }
}
@media screen and (max-width: 600px) {
  .content {
    width: 100%;
    border-radius: 2.5vw;
  }
}

.movie_box {
  width: 80%;
  margin: 0 auto;
  padding: 50px 0;
}
@media screen and (max-width: 768px) {
  .movie_box {
    width: 95%;
    padding: 5.20833vw 0;
  }
}
@media screen and (max-width: 600px) {
  .movie_box {
    width: 95%;
    padding: 6.66667vw 0;
  }
}

.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}

.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

.time_box {
  text-align: center;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .time_box {
    width: 95%;
    margin: 0 auto;
  }
}
@media screen and (max-width: 600px) {
  .time_box {
    width: 95%;
    margin: 0 auto;
  }
}

.main-ttl {
  margin-bottom: 40px;
  width: 90%;
}
@media screen and (max-width: 768px) {
  .main-ttl {
    margin-bottom: 3.90625vw;
  }
}
@media screen and (max-width: 600px) {
  .main-ttl {
    margin-bottom: 5vw;
  }
}

.time_box p {
  text-align: center;
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .time_box p {
    margin-bottom: 3.90625vw;
  }
}
@media screen and (max-width: 600px) {
  .time_box p {
    margin-bottom: 5vw;
  }
}

.note_box {
  width: 90%;
  margin: 0 auto;
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .note_box {
    margin-bottom: 3.90625vw;
  }
}
@media screen and (max-width: 600px) {
  .note_box {
    margin-bottom: 5vw;
  }
}

.note_box p {
  text-indent: -1em;
  padding-left: 1em;
}

.note_ttl {
  font-weight: bold;
}

.detail_box {
  width: 90%;
  margin: 0 auto;
}

.ttlbar {
  /* background: -moz-linear-gradient(left, #3b5da1, #272c7c);
  background: -webkit-linear-gradient(left, #3b5da1, #272c7c);
  background: linear-gradient(to right, #3b5da1, #272c7c); */
  /* background: #306cb4; */
  /* background: linear-gradient(90deg, rgba(31, 32, 127, 1) 0%, rgba(55, 3, 20, 1) 100%); */
  /* background: rgb(78, 193, 241);
  background: linear-gradient(90deg, rgba(78, 193, 241, 1) 0%, rgba(248, 189, 17, 1) 50%, rgba(238, 134, 178, 1) 100%); */
  /* background: rgb(238, 123, 96); */
  /* background: linear-gradient(273deg, rgba(238, 123, 96, 1) 0%, rgba(167, 45, 62, 1) 100%); */
  background: rgb(238, 187, 96);
  background: linear-gradient(273deg, rgba(238, 187, 96, 1) 0%, rgba(167, 132, 45, 1) 100%);
  padding: 5px 0;
  color: #ffff;
  border-radius: 10px;
  text-align: center;
  font-size: 2.2rem;
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  .ttlbar {
    font-size: 1.6rem;
    margin-bottom: 2.60417vw;
  }
}
@media screen and (max-width: 600px) {
  .ttlbar {
    font-size: 1.6rem;
    margin-bottom: 2.60417vw;
  }
}

.program {
  margin-bottom: 70px;
}
@media screen and (max-width: 768px) {
  .program {
    margin-bottom: 9.11458vw;
  }
}
@media screen and (max-width: 600px) {
  .program {
    margin-bottom: 11.66667vw;
  }
}

.program_ttl {
  font-weight: bold;
  font-size: 2rem;
  color: #222078;
}
@media screen and (max-width: 768px) {
  .program_ttl {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 600px) {
  .program_ttl {
    font-size: 1.6rem;
  }
}

.program_detail,
.introduce_detail {
  padding: 0 20px;
  margin-bottom: 50px;
}
@media screen and (max-width: 768px) {
  .program_detail,
  .introduce_detail {
    padding: 0;
  }
}
@media screen and (max-width: 600px) {
  .program_detail,
  .introduce_detail {
    padding: 0;
  }
}

/* .shiaki_box {
  margin-top: 30px;
}
@media screen and (max-width: 600px) {
  .shiaki_box {
    margin-top: 10px;
  }
} */

.program_txt {
  padding: 10px;
  margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
  .program_txt {
    padding: 0;
  }
}
@media screen and (max-width: 600px) {
  .program_txt {
    padding: 0;
  }
}

.dl_btn {
  text-align: center;
}

.dl_btn a {
  color: #ffff;
  font-weight: bold;
}

.dl_btn p {
  font-size: 2.2rem;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .dl_btn p {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 600px) {
  .dl_btn p {
    font-size: 1.6rem;
  }
}

.introduce_detail p {
  margin-bottom: 20px;
}

.sns {
  margin-bottom: 50px;
  display: flex;
  justify-content: center;
}
.sns .icon {
  margin: 0 20px;
}
.sns .icon img {
  width: 65px;
}

footer {
  /* background-color: #bd9a00; */
  background-color: #a72d3e;
  padding: 10px 0;
  text-align: center;
  color: #ffff;
}

.copy {
  font-size: 1.3rem;
  text-align: center;
}

/* addcss */
/* .image_new {
  width: 100% !important;
  max-width: 1720px;
} */
.ttllogo_box {
  text-align: center;
}
.kyakuen_ttl {
  text-align: center;
}
.kyakuen_img {
  text-align: center;
}
.kyakuen_img img {
  width: 200px;
}
.kyakuen_txt p {
  text-align: center;
}
.kyakuen_txt_name {
  font-weight: bold;
}
.kyakuen_txt_detail {
  font-size: 1.3rem;
}
.program_ttl {
  font-size: 2.2rem;
}
.indent {
  padding-left: 1em;
}
.program_txt p.program_main {
  /* margin-bottom: 10px; */
}
.program_txt p {
  padding-left: 1em;
  text-indent: -1em;
}
.txt_img_box {
  display: flex;
  justify-content: space-between;
}
.txt_img_box img,
.shikai_img_box img {
  /* border: 5px solid #fff; */
  /* filter: drop-shadow(1px 1px 0.3rem #b8b8b8); */
  margin-bottom: 5px;
}
.program_txt {
  width: 85%;
}
.img_box {
  width: 30%;
  text-align: center;
}
.img_box img {
  width: 100%;
}
.guest .program_txt {
  width: 70%;
}
/* .guest .img_box {
  width: 55%;
  text-align: center;
} */
/* .guest .img_box img {
  width: 100%;
} */
@media screen and (max-width: 768px) {
}
@media screen and (max-width: 600px) {
  .txt_img_box {
    flex-direction: column;
  }
  .program_txt {
    width: 100%;
  }
  .img_box {
    width: 100%;
  }
  .img_box img {
    width: 50%;
  }
  .guest .program_txt {
    width: 100%;
  }
  .guest .img_box {
    width: 100%;
  }
  .guest .img_box img {
    width: 90%;
  }
}

.cap {
  font-size: 16px;
  line-height: 1.1;
  text-align: center;
}

@media screen and (max-width: 600px) {
  .cap {
    text-align: center;
  }
}

.shiaki_box {
  width: 60%;
  margin: 0 auto;
  text-align: center;
  margin-bottom: 60px;
  padding: 20px;
  border: 1px solid #ffe100;
  /* background-color: #fffcea; */
  border-radius: 10px;

  box-shadow: 6px 6px 1px #fff399;
}
.shikai_box p {
  text-align: center;
}
.shikai_ttl {
  text-align: center;
  font-weight: bold;
  font-size: 2rem;
  color: #222078;
  margin-bottom: 13px;
}
.shikai_txt {
  text-align: center;
}
.shikai_img_box {
  text-align: center;
}
.shikai_img_box {
  width: 50%;
  margin: 0 auto;
}
@media screen and (max-width: 600px) {
  .shikai_ttl {
    font-size: 1.6rem;
  }
}
/* .inner-bg {
  background-image: url(../images/mv_2x.png);
  min-height: 500px;
  background-position: center bottom;
  background-size: cover;
} */
.radius {
  border-radius: 10px;
}