@charset "utf-8";

/*PCSP共通設定*/
html {scroll-behavior: smooth;}/*smooth scroll*/
html * { box-sizing: border-box;}

#mv {
    width: 100%;
    margin:0;
    text-align: center;
}
#mv img {
    width: 100%;
    margin: 0;
    padding: 0;
}

h2 {
    padding: 1rem 2rem;
    color: #333;
    border-radius: 10px;
    background: #FCE4D6;
    font-size: 28px;
    text-align: center;
    font-weight: bold;
}
h2.style_h3 {
    padding: 0;
    color: #333;
    border-radius: 0;
    background: none;
}
h3 {
    color: #333;
    text-align: center;
    font-weight: bold;
}
h3.h3_line {
    width: 90%;
    padding: 10px 0;
    background: #C19292;
    color: #fff;
}

h4 {
    color: #000;
    text-align: left;
}
p strong { font-weight: bold;}

div.img02 h2,div.img03 h2,div.img04 h2,div.img05 h2,div.img06 h2,div.img07 h2,div.img08 h2,div.img09 h2,
div.img10 h2,div.img11 h2,div.img12 h2,div.img13 h2,div.img14 h2,div.img15 h2,div.img16 h2,div.img17 h2,
div.img18 h2,div.tit01 h2,div.tit02 h2,div.img02 h3,div.img03 h3,div.img04 h3,div.img05 h3,div.img06 h3,
div.img07 h3,div.img08 h3,div.img09 h3,div.img10 h3,div.img11 h3,div.img12 h3,div.img13 h3,div.img14 h3,
div.img15 h3,div.img16 h3,div.img17 h3,div.img18 h3,div.tit01 h3,div.tit02 h3{
    margin: 0;
    padding: 0;
    background: none;
    border-radius: 0;
}



.plan_img {
    text-align: center;
}
.left {text-align: left;}

.linkBtn a,
.linkBtn em {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 15px 0 15px;
    text-align: center;
    background: #e88875;
    color: #fff;
    border-radius: 15px;
    flex-wrap: wrap;
    font-weight: bold;
}
.linkBtn em {
    background: #ccc;
}
.linkBtn span,
.linkBtn strong {
    display: block;
    width: 100%;
}
.linkBtn span {
    font-weight: bold;
}
.linkBtn a::after,
.linkBtn em::after {
    content: '';
    width: 10px;
    height: 10px;
    border-top: solid 3px #fff;
    border-right: solid 3px #fff;
    position: absolute;
    right: 15px;
    top: 0;
    bottom: 0;
    margin: auto 0;
    transform: rotate(45deg);
}

p.note {text-indent: -1em; margin-left: 1em;}

ul.note li {
    position: relative;
	line-height: 1.6;
	margin-bottom: 10px;
    text-align: left;
    padding-left: 15px;
}
ul.note li:before {
  content: "";
  position: absolute;
  top: .4em;
  left: 0;
  width: 10px;
  height: 10px;
  background-color: #333;
  border-radius: 50%;
}


table {
    margin-bottom: 15px;
}
table th,
table td {
    padding: 15px;
    border: 1px solid #666;
}
table th {
    font-weight: bold;
    background: #FCE4D6;
    text-align: center;
}
table td {
    font-weight: bold;
    color: #cc0000;
    text-align: center;
}
table.w100p2 td {
    padding-top: 15px;
}

table td.nobb {
    padding: 15px 15px 0;
    border-bottom: none;
    text-align: left;
}
table td.nobt {
    padding-top: 0;
    border-top: none;
}

.banner {
    text-align: center;
}

div.img02 img,div.img03 img,div.img04 img,div.img05 img,div.img06 img,div.img07 img,div.img08 img,
div.img09 img,div.img10 img,div.img11 img,div.img12 img,div.img13 img,div.img14 img,div.img15 img,
div.img16 img,div.img17 img,div.img18 img,div.img19 img,div.tit01 img,div.tit02 img,.plan_img img{
    width: 100%;
}

div.img19 {
    background: #EBF9F9;
    margin-top: 60px;
}
div.img19 ul {
    display: flex;
}
div.img19 ul li {
    margin-right: 15px;
}

img.bus { width: 300px !important;}

.centerbox {
    margin: 0 auto 50px;
    padding: 0 20px;
    text-align: center;
}
.title_kyusyu {
    margin: 0 0 15px;
    padding: 5px 0;
    background-color: #e3f7d9;
    font-weight: bold;
}
.centername {
    margin: 15px 0;
    font-weight: bold;
}

span.del { position: relative;}
span.del:after {
    content: '';
    display: block;
    width: 100%;
    height: 4px;
    margin: auto 0;
    border-top: solid 2px #cc0000;
    border-bottom: solid 2px #cc0000;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    
}

hr {display: block;}


.blinking{
	-webkit-animation:blink .2s ease-in-out infinite alternate;
    -moz-animation:blink .2s ease-in-out infinite alternate;
    animation:blink .2s ease-in-out infinite alternate;
}
@-webkit-keyframes blink{
    0% {color: #F7F200;}
    100% {color: #fff;}
}
@-moz-keyframes blink{
    0% {color: #F7F200;}
    100% {color: #fff;;}
}
@keyframes blink{
    0% {color: #F7F200;}
    100% {color: #fff;}
}

.special_info {
    background: #ff5959;
    margin: -10px auto 15px;
    padding: 10px 0;
    text-align: center;
    font-weight: bold;
    color: #fff;
}

.event_info_box {
    margin: 20px 0 0;
    padding: 0 0 15px;
    border: 3px solid #D9C665;
}
.event_info_box h3{
    margin: 0;
    padding: 1rem 2rem;
    color: #333;
    background: #FCE4D6;
    text-align: center;
    font-weight: bold;
}
.event_info_box .specialevent_price,
.event_info_box .note {
    padding: 0 15px;
}



/*759px以下 SP */
@media screen and (max-width: 759.9px) {
#wrapper {line-height: 1.6;}
.spnone{display:none;}
.small_text { font-size: 15px;}

/* CSS */
#dirPathBlock,
#anchorLinkBlock {
	font-size: 10px;
	margin: 1% 1% 0 1%;
}
#dirPathBlock p,
#anchorLinkBlock a{font-size: 12px;}
h1 {
	font-size: 12px;
	margin: 0 1%;
}
h2 {
    margin: 30px 0 15px;
    font-size: 20px;
}
h2.style_h3,
h3 {
    margin: 10px 0 15px;
    font-size: 18px;
}
h2.style_h3 { margin-top: 30px;}
h3.style_h4 {
    margin: 30px 0 0;
    font-size: 16px;
}
h3.h3_line {
    width: 100%;
    margin: 30px 0 10px;
    padding: 10px 15px;
}
h4 {
    margin: 0;
    font-size: 16px;
}
.inner{
	width: 96%;
	margin: 0 auto;
	padding: 0 0 25px;
}
p { font-size: 15px;}

table{
    width: 100%;
}
table th {
    font-size: 15px;
}
table td {
    font-size: 18px;
}
table td.nobb {
    font-size: 15px;
}

div.linkBtn a {
    width: 100%;
    margin: 0 auto;
    font-size: 16px;
    font-weight: bold;
}

/*title*/
#mv img{
    width: 100%;
}

dl.specialevent_price {
    margin: 0 auto 20px;
}
dl.specialevent_price dt {
    font-size: 16px;
    margin-bottom: 10px;
    text-align: center;
}
dl.specialevent_price dd {
    text-align: right;
    font-size: 16px;
}
dl.specialevent_price dd:nth-of-type(2) {
    font-size: 25px;
    color: #cc0000;
    font-weight: bold;
}
.event_info_box dl.specialevent_price {
    margin-top: 20px;
}
.event_info_box dl.specialevent_price dt {
    font-size: 20px;
}
.event_info_box dl.specialevent_price dd {
    font-size: 16px;
}
.event_info_box dl.specialevent_price dd span {
    font-size: 18px;
    font-weight: normal;
}
.event_info_box dl.specialevent_price dd:nth-of-type(2) {
    font-size: 25px;
}

.linkBtn_df2 {
    margin: 20px 0 0;
}
.linkBtn_df li,
.linkBtn_df2 li{
    margin-bottom: 15px;
}

.linkBtn a,
.linkBtn em {
    width: 80%;
    font-size: 20px;
    margin: 0 auto;
}
.linkBtn_df2 li{
    font-size: 16px;
    text-align: center;
}
.linkBtn_df2 li a {
    width: 100%;
}

.plan_img {
    margin: 30px 0;
}
.plan_img img {
    width: 100%;
}

ul.note li {
    font-size: 15px;
}

.banner img {
    width: 100%;
}

div.scroll img {
    width: auto;
}
div.scroll {
    overflow-x: scroll;
}

.centerbox {
    width: 96%;
    font-size: 16px;
}
.centertxt {
    text-align: left;
}

.mt10 { margin-top: 10px;}
.mt15 { margin-top: 15px;}
.mt20 { margin-top: 20px;}
.mt30 { margin-top: 15px;}
.mt40 { margin-top: 20px;}
.mt50 { margin-top: 25px;}
.mt60 { margin-top: 30px;}

.tit01 {
    margin-top: 20px;
}

.tit01 p,
.tit02 p {
    margin: 20px 0;
    font-size: 15px;
    font-weight: bold;
    /*text-align: center;*/
}
.tit02 {
    margin: 40px 0 0;
}
.tit02 p {
    font-weight: normal;
    word-break: break-all;
}
.tit02 p strong {
    font-weight: bold;
}


div.img16 img,div.img18 img,div.tit01 img,div.tit02 img{
    padding: 10px 0;
}
div.img18 img{
    padding: 0 0 35px;
}
div.img18 img:nth-of-type(2){
    padding: 0 0 10px;
}



div.img02,div.img03,div.img04,div.img05,div.img06,div.img07,div.img08,div.img09,
div.img10,div.img11,div.img12,div.img13,div.img14,div.img15,div.img16,div.img17,
div.img18,div.img19,div.tit01,div.tit02{
    padding: 10px 0;
}

div.img19 h2 {
    margin: 0;
    padding: 0;
    background: #EBF9F9;
}
div.img19 ul {
    padding: 0 20px;
    flex-wrap: nowrap;
}

img.bus { width: 100% !important;}

table.w100p {
    width: 950px;
}
table.w100p2 {
    width: 600px;
}
table.w100p3 {
    width: 90%;
    margin: 10px auto 0;
}
table.w100p3 th,
table.w100p3 td {
    display: block;
    border: none;
}

hr {margin: 20px 0;}

.special_info {
    font-size: 25px;
}
.special_txt {
    margin: 15px 0;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
}
.special_saiko {
    margin: 0 auto 15px;
    padding: 10px 0;
    background: #666;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
}


}


/*760px以上  PC*/
@media screen and (min-width: 760px),print {
/* CSS */
#wrapper {line-height: 1.6;}
.pcnone{display:none;}
.small_text { font-size: 16px;}

#dirPathBlock,
h1,
.iframe_end-content_gadget,
#anchorLinkBlock{
	width: 100%;
	max-width:970px;
	min-width:760px;
	margin: auto;
}

/*panlist&back*/
#dirPathBlock,
#anchorLinkBlock {
	width: 100%;
	margin: 0 auto;
	display: block;
	font-size: 12px;
}
#dirPathBlock p,
#anchorLinkBlock a{font-size: 12px;}
h1 {
	font-size: 14px;
    width: auto;
    max-width: 970px;
    margin: 0 auto 5px;
}
h2 {
    margin: 60px 0 30px;
}
h2.style_h3,
h3 {
    margin: 0 0 20px;
    font-size: 20px;
}
h2.style_h3 { margin-top: 50px;}
.inner{
	width: 96%;
	max-width:970px;
	margin: 0 auto;
	padding:0 0 50px;
	display: block;
}
h3.style_h4 {
    margin: 40px 0 0;
    font-size: 18px;
}
h3.h3_line {
    margin: 40px auto 20px;
}
h4 {
    margin: 0;
    font-size: 18px;
}
p { font-size: 16px;}

table{
    width: 650px;
    margin-left: auto;
    margin-right: auto;
}
table th {
    font-size: 16px;
}
table td {
    font-size: 20px;
}
table td.nobb {
    font-size: 16px;
}

div.linkBtn a {
    width: 60%;
    margin: 0 auto;
    font-size: 17px;
    font-weight: bold;
}

/*title*/
#mv img {
}

dl.specialevent_price {
    display: flex;
    width: 65%;
    margin: 0 auto 30px;
    align-items: baseline;
}
dl.specialevent_price dt {
    width: calc(100% - 20em);
    font-size: 18px;
    font-weight: bold;
}
dl.specialevent_price dd {
    width: 6em;
    text-align: right;
    font-size: 25px;
    color: #cc0000;
    font-weight: bold;
}
dl.specialevent_price dd:nth-of-type(1) {
    width: 8em;
    text-align: right;
    font-size: 18px;
    color: #000;
    font-weight: normal;
}
.event_info_box dl.specialevent_price {
    margin-top: 25px;
    width: 80%;
    justify-content: space-between;
}
.event_info_box dl.specialevent_price dt {
    width: 10em;
    font-size: 25px;
}
.event_info_box dl.specialevent_price dd {
    width: 11em;
    font-size: 25px;
}
dl.specialevent_price dd:nth-of-type(1) {
    text-align: center;
}
dl.specialevent_price dd span {
    font-size: 20px;
    font-weight: normal;
}

.linkBtn_df,
.linkBtn_df2 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.linkBtn_df2 {
    margin: 30px 0 0;
}
.linkBtn_df li {
    width: 30%;
}
.linkBtn_df2 li {
    width: 45%;
    margin-bottom: 15px;
    font-size: 17px;
    text-align: center;
}

.linkBtn_df .linkBtn a,
.linkBtn_df2 .linkBtn a,
.linkBtn_df .linkBtn em,
.linkBtn_df2 .linkBtn em{
    width: 100%;
    font-size: 20px;
    margin: 0 auto;
}
.linkBtn_df2 .linkBtn a{
    height: 5em;
    padding:0;
}


.plan_img {
    margin: 50px 0 30px;
}

ul.note li {
    font-size: 16px;
}

div.scroll img {
    width: 100%;
}
div.scroll {
    overflow: hidden;
}

.centerbox {
    width: 80%;
    font-size: 18px;
}
.title_kyusyu {
}

.mt10 { margin-top: 10px;}
.mt15 { margin-top: 15px;}
.mt20 { margin-top: 20px;}
.mt30 { margin-top: 30px;}
.mt40 { margin-top: 40px;}
.mt50 { margin-top: 50px;}
.mt60 { margin-top: 60px;}

.tit01,.img17,.img18 {
    margin-top: 50px;
}
.img18 {
    margin-bottom: 50px;
}

.tit01 p,
.tit02 p {
    margin: 20px 0;
    font-size: 17px;
    font-weight: bold;
    text-align: center;
}
.tit02 {
    margin: 60px 0;
}
.tit02 p {
    font-weight: normal;
}
.tit02 p strong {
    font-weight: bold;
}

div.img19 h2 {
    width: 400px;
    margin: 0 auto 0;
    padding: 20px 0 0;
    background: #EBF9F9;
}

div.img19 ul {
    width: 95%;
    margin: 0 auto 30px;
    flex-wrap: wrap;
    justify-content: space-around;
}
div.img19 ul li {
    width: calc( 100% / 3 - 2%);
    margin-right: 0;
}

table.w100p,
table.w100p2 {
    width: 100%;
}
table.w100p3 {
    width: 70%;
    margin: 10px auto;
}
table.w100p3 th,
table.w100p3 td {
    width: 50%;
}
hr {margin: 30px 0;}

.special_info {
    width: 90%;
    font-size: 30px;
}

.special_txt {
    margin: 15px 0;
    text-align: center;
    font-size: 25px;
    font-weight: bold;
}
.special_saiko {
    margin: 0 auto 15px;
    padding: 10px 0;
    background: #666;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    color: #fff;
}


}